在angular cli中使用ng-annotate

Question

我有一个现有的angular.js应用程序，我正在使用NgUpgrade升级到angular。我也在尝试使用angular cli作为构建系统。ng serve和ng build运行得很好，但我在使用ng build -prod时遇到了麻烦。

对于原始应用程序，我使用gulp进行构建，作为中间步骤，我使用ng-annotate转换输入文件。我有一个艰难的时间让这与角度cli的工作。

有没有办法集成ng-annotate和ng build -prod？或者在缩小之前处理angular.js文件的任何其他方法？

Answer 1

我使用babel-plugin-angularjs-annotate做到了这一点，它以永久的方式将注释添加到源文件中(因此，您只需要运行一次)。

我在this other SO post中放了详细的说明。

请注意，不应该将Babel添加到您的Angular项目中。相反，您需要创建第二个项目，并在其中执行Babel。Babel将从您指定的文件夹中读取文件，并在您指定的另一个文件夹中生成带注释的文件。

在运行这一次之后，您可以忘记ng-annotate。