2015-12-21 66 views
6

我使用grunt建立在下列順序javascript/angularjs項目:如何在文件更改時自動化JavaScript版本增量?

clean copy > uglify > cssmin

現在,如果我更改js文件,我總是必須在腳本標記末尾手動添加版本增量,以便瀏覽器可以檢測到更改。

<script src="/js/myscript?v123"></script> 

問題:如何使用grunt自動執行此過程?如果我運行「grunt」命令,只有與上次運行相比發生變化的文件纔會得到版本增量。這樣瀏覽器就可以儘可能地重用緩存的文件。

+0

您使用的是服務器端語言,或者是普通的HTML? – Archer

+0

我使用'angularjs',因此'javascript,css,html'。 – membersound

+0

好 - 祝你好運。 – Archer

回答

2

我知道簡短的回答不好(沒有足夠的代表評論),但你可能想結賬grunt-asset-cachebuster。我還沒有嘗試過,但是在npm頁面中有很多例子。

而且結帳這個answergrunt-newer

+0

插件將時間戳添加到編譯中的每個文件。我只想將它添加到與上次編譯相比發生變化的文件中。除此之外,它看起來很有希望。 – membersound

+0

我發現了一個類似的問題。結帳這個答案:http://stackoverflow.com/a/19722900/2620998 –