考虑以下文件:
//foo.js
(function(){
console.log('working');
})();
//bar.js
import 'foo.js';
现在我使用gulp从ES6编译到ES5。这是相关的任务:
gulp.task('build-js', function() {
return gulp.src('bar.js')
.pipe(babel({
presets: ['es2015']
}))
.pipe(gulp.dest('./dist'));
});
我的输出文件如下所示:
'use strict';
require('foo.js');
不是我预期的结果。我希望使用ES5转换将所有代码导入到单个输出文件中。这样,单个JS文件可以在浏览器中加载并正确运行。我需要做些什么来达到预期的结果?
由于bar.js
仅导入foo.js
,因此输出文件应与foo.js
完全相同。此外,由于foo.js
仅包含自执行函数,因此输出文件应立即执行此操作并将working
记录到控制台。