javascript - Gulp babel es2015 转换很慢

Question

我正在尝试使用 gulp 在我的 JavaScript 上运行 babel-preset-es2015，但即使在一行代码上也需要很长时间。我最初尝试使用大约 700 loc 的脚本包，然后使用 1 行的虚拟脚本。第一种情况大约需要 9s - 1 行 i 需要 8.38s。

这是我的确切设置:

package.json:

{
    "devDependencies": {
        "gulp": "^3.9.0",
        "gulp-babel": "^6.1.1",
        "babel": "^6.3.26",
        "babel-preset-es2015": "^6.3.13"
    }, 
   "babel": {
       "presets": [ "es2015" ]
    }
}

gulpfile.js:

gulp.task('js', function () {
    return gulp.src('dummyscript.js')
      .pipe(concat('site.bundle.js'))   
      .pipe(babel())  
      .pipe(gulp.dest(paths.dest.scripts));

});

dummy.js:

console.log('dummy script');

我正在运行 node v4.2.4 和 npm v2.14.12。

gulp-react 和 gulp-uglify 等其他操作加起来大约需要 180 毫秒。

发生了什么事？

Answer 1

Babel 6 有很多高度嵌套的子依赖。如果你有一个非扁平的依赖树，这可能会很慢。在您的情况下，您使用的是 npm 2，您将需要 npm dedupe 或安装 npm@3 并重新安装，以便您的依赖项被扁平化。