2016-04-24 51 views
2

我打算使用grunt/gulp來concat/uglify /混淆我的混合應用程序。Grunt/Gulp源文件的目的地使用情況

的源代碼:

js- 
    a.js 
    b.js 

css- 
    a.css 
    b.css 

現在,我的index.html加載上述JavaScript和CSS文件。

我將以上a.jsb.js的concat和混淆文件稱爲c.js。 它是執行所有任務,並具有所有單個文件,即c.js,但我的問題是我的index.html仍然指向a.jsb.js的好習慣。

c.js怎麼辦?它從未被導入任何地方?我們可以簡單地醜化a.jsb.js本身並保持原樣。如果是這樣,如何使用c.js

回答

1
  1. 我認爲你應該做單獨的文件夾進行部署的目的,讓說你有文件夾build您的咕嚕/一飲而盡結果應當被註定,所以總是index.html的參考縮小的資源在構建folder
  2. 可能是這可以幫助http://www.willpeavy.com/minifier/
+0

如果是這樣,a.js和b.js仍將駐留在項目包中,對嗎?在這種情況下,我是否需要手動刪除a.js和b.js並將index.html鏈接到build/c.js? – Anand

+0

是的,爲了開發目的,a/b.js仍然在項目文件夾上,不要刪除它們,只需將構建文件夾放置到部署中,例如你的網絡服務器 – bowpunya

+0

@bowpunys謝謝:-)我對這個過程有了很好的理解:) – Anand

2

如果你不打算有咕嚕/吞噬觀察腳本,或者只是發現它與非縮小文件一起開發得更快,並且希望只是在最後執行任務來完成所有生產縮小,然後您可以看看processhtml

這個插件讓我們你在HTML,它引用了縮小的文件的一些標記,而包括您unminified文件正常<script>標籤。

<!-- build:js c.js --> 
    <script src="a.js"></script> 
    <script src="b.js"></script> 
<!-- /build --> 

所以,當你正在開發中,可以使用a.js & b.js,然後一旦processhtml任務運行時,它會帶他們並使用c.js代替。當然,它仍然依賴於你自己先縮小和拼接到c.js

相關問題