因為歷史遺留問題,公司一直沒用到資源載入器。都是想用啥用啥。頁面各種引用。之前用 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的模組化。