Gulp Babel 不提供 Angular 模块

Question

将gulp babel 添加到我的 gulp 文件后，我的 Angular 应用程序中出现以下错误。我需要这个来编译和缩小我的 ES6：

无法设置未定义的属性“0”

我在想 angular-file-saver 不喜欢 babelfication。

导致这些错误：

angular.js:33 未捕获错误：[$injector:modulerr] 无法实例化模块应用程序，原因是：

错误：[$injector:nomod] 模块“app”不可用！

但我可以看到模块正在客户端加载：

Gulp 任务： 注意：此错误仅在我开始通过 babel 进行管道传输时才开始发生。如果我删除babelminify，它会产生同样的错误。

gulp.task('scripts-dev', () => {
  return gulp.src(paths.vendorJavascript.concat(paths.appJavascript, paths.appTemplates))
    .pipe(plugins.if(/html$/, buildTemplates()))
    .pipe(babel({
        presets: [['es2015', {modules: false}]]
    }))
    //.pipe(babelminify())
    .pipe(plugins.sourcemaps.init())
    .pipe(plugins.concat('app.js'))
    .pipe(plugins.sourcemaps.write('.'))
    .pipe(gulp.dest(paths.tmpJavascript))
    .pipe(plugins.connect.reload());
});

即使没有缩小，也会发生此错误

Answer 1

使用

.pipe(babel({
            presets: ['es2015']
        }))
//.pipe(uglify({ mangle: false }))  gulp-ugligy is used

应该服务于你的目的