使用Gulp& amp;导入和转换JS文件巴别塔

时间:2016-04-10 08:27:02

标签: javascript gulp ecmascript-6 babeljs

考虑以下文件:

//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记录到控制台。

0 个答案:

没有答案