Gulp：如何自動替換html中的縮小文件？

在開發過程中，通常我會分別導入大量的第三方庫的我的HTML，象下面這樣：Gulp：如何自動替換html中的縮小文件？

<script src="/resource/jquery-validation-1.15.0/jquery.validate.js" type="text/javascript"></script> 
<script src="/resource/jquery-validation-1.15.0/localization/messages_en.min.js" type="text/javascript"></script> 
<script src="/resource/assets/js/publish.js" type="text/javascript"></script>

要創建一個發佈分支，我將使用咕嘟咕嘟來縮小和Concat的所有分離文件合併成一個「min.js」文件保存HTTP請求和時間負載，像打擊：

<script src="/resource/all.min.js" type="text/javascript"></script>

所以我的困難是，每次我有縮小的一個手動替換這些單獨的進口，這不是一個只有1或2頁的大問題，但是如果你有超過10頁，我t變成了一場噩夢，我相信必須有一個「正確」的方式來解決這個問題，最好的方法是通過只運行Gulp腳本來設置所有的東西。

有什麼更好的解決方案或建議？或者我管理我的發佈分支的方式是完全錯誤的？

來源

2016-07-07 Neeson.Z

我想你有幾個選擇。

從通常速度更快的CDN獲取公共庫（如jQuery），用戶可能已經將它們緩存在瀏覽器中。它還保持縮小的JS文件大小，併爲您提供更多連接到您的Web服務器，因爲這些資源來自不同的域
只需在您的html中始終保留all.min.js ref並運行gulp-watch，以便軟件包將更新每個你保存的時間。當您準備部署時，運行包含縮小版的prod任務
簽出gulp-useref或gulp-html-replace以實際更新引用您的捆綁JS文件的html。您可能希望將這些更新後的html文件輸出到不同的目錄以進行部署

來源

2016-07-07 05:57:44 Barryman9000

謝謝您的第三個選項 - 它使我的一天，正是我所期待的。 – WoJ

Gulp：如何自動替換html中的縮小文件？

回答

相關問題