javascript - 在脚本中使用 gulp-inline-source 和 ES6 代码

Question

有没有办法在 ES6/ES2015 中使用 gulp-inline-source ？

所以基本上我需要在 inlineScript.js 中导入其他节点样式的 JS 文件，如 https://github.com/fmal/gulp-inline-source/blob/master/README.md 中的示例所示

尝试使用 gulp 进行 browserify，但在导入其他模块的脚本的 inlinesource 任务中遇到问题。

上下文:我需要我的构建文件夹 JS 作为 HTML 内联。但是其中一些 JS 导入了其他 JS 模块。

这是我在 inlineScript.js

中的内容

import bar from './bar';

function component() {
var element = document.createElement('div');
element.innerHTML = 'Hello Gulp!!';
return element;
}

document.body.appendChild(component());

bar();

并且在 bar.js

export default function bar() {
console.log('gulp bar js');
}

我只想在具有 inline 属性的 HTML 中使用 inlineScript.js 但需要 bar.js 中的代码导入最终内联脚本。

Answer 1

我知道这是一个旧帖子..

你试过了吗https://github.com/exuanbo/gulp-inline-source-html ？

在自述文件中它声明这个插件基于fmal/gulp-inline-source，不再维护。它现在支持 Gulp.js v4 和 ES6/ES2015。

对我有用，干杯