84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
因為歷史遺留問題,公司一直沒用到資源載入器。都是想用啥用啥。頁面各種引用。之前用 SeaJS,但感覺坑有點多。現在官網都沒了。 o(╯□╰)o。 請問現在主流的解決方案是哪一個強? 傳統頁面開發,需要對CSS也順帶管理。
学习是最好的投资!
1.grunt搭配grunt-revgrunt-usemin2.gulp搭配gulp-revgulp-useref
模組化分成兩種,一是在客戶端(瀏覽器)上實現的,二是服務端預處理實現的。
JS模組化的本質就是各個模組相對獨立不污染全局,還能確保依賴關係。 客戶端上的實作就是requireJS或seaJS,兩個我覺得只是文法上有些差別,原理都是一樣的。 預處理的實作可以是webpack或browserify。
CSS現在基本上都是預處理實現模組化,透過各種預處理器實現,例如sass,less。 。 。
當然webpack強大到可以把所有的都打包在一起。
當然要求不是很高的可以用gulp+gulp-useref實現簡單粗暴的打包,它就是把把多個文件合成一個,並把那個合成的東西的路徑寫到頁面裡,並沒有JS的模組化。
1.grunt
搭配
grunt-rev
grunt-usemin
2.gulp
搭配
gulp-rev
gulp-useref
模組化分成兩種,一是在客戶端(瀏覽器)上實現的,二是服務端預處理實現的。
JS模組化的本質就是各個模組相對獨立不污染全局,還能確保依賴關係。
客戶端上的實作就是requireJS或seaJS,兩個我覺得只是文法上有些差別,原理都是一樣的。
預處理的實作可以是webpack或browserify。
CSS現在基本上都是預處理實現模組化,透過各種預處理器實現,例如sass,less。 。 。
當然webpack強大到可以把所有的都打包在一起。
當然要求不是很高的可以用gulp+gulp-useref實現簡單粗暴的打包,它就是把把多個文件合成一個,並把那個合成的東西的路徑寫到頁面裡,並沒有JS的模組化。