Angular ng annotate 不适用于 babel

Question

我正在使用 browserify 和 babel 编译我的 js 文件，我也想要 ng annotate 插件，但是它不起作用，有什么想法吗？

gulp 任务：

  browserify(config.js.src, { debug: true })
    .transform(babel.configure({ ignore: /vendor\// }))
    .bundle()
    .pipe(source(config.js.mainFileName))
    .pipe(buffer())
    .pipe(sourcemaps.init({ loadMaps: true }))
    .pipe(ngAnnotate())
    .pipe(sourcemaps.write('./'))
    .pipe(gulp.dest(config.js.dist));

class HomeController {
  // @ngInject
  constructor($http) {
    this.name = 'avi';
  }
}

export default HomeController;

Answer 1

我认为在您的情况下，Babel 正在剥离 cmets。 Ng-annotate 与编译后的 es5 代码一起工作，并且必须以某种方式知道要注释什么。您可以使用 comments: true 和 compact: false 运行 babel 以保留 cmets 或使用字符串文字：

constructor($http) {
    "ngInject";
    this.name = 'avi';
}