Угловая аннотация ng не работает с babel

Question

Я использую browserify и babel для компиляции моих js-файлов, и я тоже хочу плагин ng annotate, но он не работает, есть идеи, почему?

Задача глотка:

  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

Я думаю, что в вашем случае Бабель снимает комментарии. Ng-annotate работает с скомпилированным кодом es5 и должен каким-то образом знать, что аннотировать. Вы можете запустить Babel с comments: true а также compact: false чтобы сохранить комментарии или использовать строковые литералы:

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