uglyfy-我已經合並了所有js文件。 怎么辦？

Question

我開始了一個小型的web / html項目，其中將至少包含一些js文件，包括依賴項和內容。

只是因為我喜歡它干凈，所以我想將所有這些文件縮小為一個。 使用uglifyjs和grunt可以輕松解決問題。

但是還有其他事情：在我的“源”（未編譯）html文件中，我有一堆<script>標記。 像這樣：

<script src="js/dependency1.js"/>
<script src="js/dependency2.js"/>
<script src="js/mystuff.js"/>

但是正如我上面所說的，構建之后，我最終得到了一個大文件allTheStuff.js 。 我希望我可以自動將HTML修改為：

<script src="js/allMyStuff.js"/>

有什么方法可以自動執行嗎？ 有什么推薦的工具嗎？ 對於CSS也是同樣的問題。

Answer 1

為此嘗試grunt-usemin 。 它將處理javascript和CSS。

在該項目的GitHub頁面上 ：

將對非優化腳本或樣式表的引用替換為一組HTML文件（或任何模板/視圖）。

當它起作用時，它是一個非常好的工具，可以簡化您描述的確切問題。 缺點是，在雜亂使用HTML標記usemin的需求和笨拙的配置時，使用起來有點笨拙。

但是，除了笨拙的配置問題之外，我已經使用了它，可以很好地自動化復制，合並和丑化步驟，並修改HTML以使用這些任務的結果，這非常好。

相關 ： grunt-include-source提供了自動將文件列表注入HTML的功能。 如果您決定要自己處理事情，而不是將其全部交給usemin ，則此工具是方便的項目，可在您根據需要構建自定義構建過程時自動更新HTML。