用grunt進行前端工程化之路

咱們的項目wecash4.0的前端構建考慮過用fis和grunt.

 目錄:

　　前期調研:fis vs grunt vs gulp?

　　一.安裝grunt和項目.

fis是百度fex研發的構建工具,很是方便,很是強大.

簡單的幾句代碼就能夠完成對項目的構建.

可是,fis它那個自動更新引用資源的名字的功能有個問題就是它更新後的名字都是絕對路徑的,好比原來是這麼引用的<script src="index.js" />,如今被它構建後成了<script src="/index.js">,這樣當你的項目是放在二級域名的個根目錄下的文件夾,好比是book.douban.com的時候你就會發現你全部對引用資源的引用的路徑都不正確了,報404了.

雖然它官方說有個設置能夠改變 這個(把引用路徑都設置成絕對路徑),可是我找了一通以後仍是沒弄好.

因此可是咱們最後仍是決定不用fis.

 

咱們決定用grunt-這個當前業界最流行的構建工具(

千辛萬苦,終於能夠對js文件添加md5戳並且在全部頁面找到引用的js文件並且更新成他們添加md5戳後的名字,可是仔細一看,誒,不對,竟然只有每一個頁面最後一個腳本的文件被更新了.

二.寫配置文件.