將javascript壓縮文件壓縮為單個文件

Question

我正在使用angularjs開發單個文件應用程序。 我有多個模塊，所以我有很多javascript文件。 我正在使用YUIcompressor來最小化javascript文件。 我將文件引用到index.html文件。

<script src="js/app.main.min.js"></script>
<script src="js/app.settings.min.js"></script>
<script src="js/app.main.states.min.js"></script>
<script src="js/directives/attribute.min.js"></script>
.....
....
...
.

當我更改一個js文件時，YUIcompressor正在更新min.js文件。

我想要創建一個像這樣的縮小文件： app.min.js CDN引用正在這樣工作。 例如Google Maps，Jquery，angular等。 我們僅引用一個指向我們網頁的鏈接。

Answer 1

您應該在構建過程中（以及最小化）執行此操作，例如可以使用OS提供的工具，例如在Windows上type ，在Unices上使用cat 。

使用JavaScript構建工具是另一種選擇，例如已經提到的grunt 。

如果您有機會將Maven用作構建工具，則可以使用YUI Compressor模塊，該模塊也提供了縮小和聚合功能。 有關更多詳細信息，請查看此問題 。