javascript - Uglify 意外改变 Angularjs 代码加载顺序

Question

我的 Angular 1 代码在开发中运行良好。但是，当我使用 Grunt 将 Angular 项目压缩到 dist 时，我的指令在我的服务和 app.run() 之前运行，这会导致页面损坏。

我将此问题追溯到 uglify，它更改了代码执行顺序。我不知道如何防止我的 uglify 改变执行顺序。

Answer 1

以下解决方案对我有用。也许这也会对你有帮助。我从here引用它.

三种解决方案:

• 使 grunt 任务不包含不需要的文件，并包含那些已在应用程序中缩小的文件。

• 如果在第一个解决方案后问题仍然出现，则您的 Angular 模块不“丑化友好”。有一种特殊的方法可以声明您的依赖项，以便缩小过程顺利进行，例如本页(“缩小说明”段落)中所述。请注意，您可以使用“ng-min”任务来自动化该过程并保持代码整洁，而不是“手动”执行此声明。

• 嗯，就我而言，我仍然遇到问题，所以我最终关闭了 uglify 中的“mangle”选项(该选项使长字符串变小以压缩响应大小)。您可以像这样关闭该选项:

  uglify: {
      options: {
         mangle: false
      },
  }