Gulp Babel不提供Angular模块

时间:2016-12-01 03:09:03

标签: javascript angularjs gulp ecmascript-6 babel

gulp babel添加到我的gulp文件后,我的Angular应用中出现以下错误。我需要这个来改变和缩小我的ES6:

  

无法设置属性' 0'未定义的

我认为角文件保护程序并不喜欢自虐。

导致这些错误:

  

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

     

错误:[$ injector:nomod]模块' app'不可用!

enter image description here

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

enter image description here

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());
});

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

1 个答案:

答案 0 :(得分:0)

使用

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

应该符合您的目的