Question

我正在研究Angular2项目。我使用Angular-CLI来构建我的角度应用程序。

Angular-CLI默认使用WebPack来处理很多事情，其中一件就是捆绑脚本。

我使用npm：codrops-animated-header安装了这个包，我需要在另一个上面包含一个脚本，所以在angular-cli.json中我根据需要对它们进行了排序（检查最后两行：我要加载cbpAnimatedHeader.min.js之前的classie.js：

ExecutorService ex = Executors.neWorkStealingPool(X);

但是在控制台中我发现了这个错误：

  "scripts": [
      "../node_modules/jquery/dist/jquery.js",
      "../node_modules/tether/dist/js/tether.js",
      "../node_modules/bootstrap/dist/js/bootstrap.js",
      "../node_modules/codrops-animated-header/js/classie.js",
      "../node_modules/codrops-animated-header/js/cbpAnimatedHeader.min.js"
  ],

当我检查捆绑脚本时，我发现cbpAnimatedHeader.min.js出现在classie.js之前，如下所示：

Uncaught TypeError: Cannot read property 'classList' of null
at Object.addClass (eval at module.exports (http://localhost:4200/scripts.bundle.js:1:1), <anonymous>:33:9)
at d (eval at module.exports (http://localhost:4200/scripts.bundle.js:1:1), <anonymous>:11:262)
at ZoneDelegate.invokeTask (http://localhost:4200/vendor.bundle.js:100298:35)
at Zone.runTask (http://localhost:4200/vendor.bundle.js:100174:47)
at ZoneTask.invoke (http://localhost:4200/vendor.bundle.js:100368:33)
at data.args.(anonymous function) (http://localhost:4200/vendor.bundle.js:101247:25)

那么，使用Angular-cli还是没有它来重新排序WebPack中捆绑脚本的方法

Answer 1

目前尚不支持（截至测试版.24）。

您可能需要打开一个新的Github问题，以按照angular-cli.json配置维护脚本顺序。

在Angular-Cli WebPack脚本中，我想重新排序捆绑的脚本

1 个答案: