課程
/前端開發
/Vue.js
/玩轉組件庫搭建全流程
喜歡老師的課程!
但是有個疑惑,為什么用webpack打包js,用gulp打包css,這樣不是要引入兩個打包工具嗎?為什么不用一個打包工具打包js和css呢?
2021-11-23
源自:玩轉組件庫搭建全流程 4-1
正在回答
1.Gulp側重于前端開發的 整個過程 的控制管理(像是流水線),我們可以通過給gulp配置不通的task(通過Gulp中的gulp.task()方法配置,比如啟動server、sass/less預編譯、文件的合并壓縮等等)來讓gulp實現不同的功能,從而構建整個前端開發流程。
2.Webpack有人也稱之為 模塊打包機 ,由此也可以看出Webpack更側重于模塊打包,當然我們可以把開發中的所有資源(圖片、js文件、css文件等)都可以看成模塊,最初Webpack本身就是為前端JS代碼打包而設計的,后來被擴展到其他資源的打包處理。Webpack是通過loader(加載器)和plugins(插件)對資源進行處理的。
3.另外我們知道Gulp是對整個過程進行控制,所以在其配置文件(gulpfile.js)中配置的每一個task對項目中 該task配置路徑下所有的資源 都可以管理。比如,對sass文件進行預編譯的task可以對其配置路徑下的所有sass文件進行預編譯處理
webpack打包js代碼,gulp打包css代碼
舉報
本課程通過圖文+視頻的多元教學方式,帶大家從零實現一個Vue的組件庫。
2 回答webpack打包報錯
1 回答gulp sass 打包報錯 求解
1 回答打包js報錯怎么解決
1 回答打包scss時報錯:Task never defined
1 回答為什么要這樣修正目錄,是有什么好處嗎?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2022-01-05
1.Gulp側重于前端開發的 整個過程 的控制管理(像是流水線),我們可以通過給gulp配置不通的task(通過Gulp中的gulp.task()方法配置,比如啟動server、sass/less預編譯、文件的合并壓縮等等)來讓gulp實現不同的功能,從而構建整個前端開發流程。
2.Webpack有人也稱之為 模塊打包機 ,由此也可以看出Webpack更側重于模塊打包,當然我們可以把開發中的所有資源(圖片、js文件、css文件等)都可以看成模塊,最初Webpack本身就是為前端JS代碼打包而設計的,后來被擴展到其他資源的打包處理。Webpack是通過loader(加載器)和plugins(插件)對資源進行處理的。
3.另外我們知道Gulp是對整個過程進行控制,所以在其配置文件(gulpfile.js)中配置的每一個task對項目中 該task配置路徑下所有的資源 都可以管理。比如,對sass文件進行預編譯的task可以對其配置路徑下的所有sass文件進行預編譯處理
2021-11-23
webpack打包js代碼,gulp打包css代碼