前端圈內新工具層出不窮，不斷提公升各位feer的開發效率和體驗。
前端工程構建方案從grunt->glup->webpack不斷地在改進。webpack有很多優點，如：code splitting，hrm，css module，source map都是經常使用的，但功能強大，自由度高，導致**的工程配置很多，往往超過500行以上，並且並不一定是最優的配置，所以parcel應運而生。
特點：
外掛程式
cnpm i babel-preset
-env
cnpm i postcss-modules autoprefixer -d建立`.postcssrc`檔案
}}
parcel的模組熱替換僅僅是針對js和css資源的。
生產環境
parcel build index.js前端構建工具
一 什麼是 自動化 構建工具 構建工具是一種自動化工具。一般專案都有較多的檔案，為開發維護方便拆分單個的模組,在發布的時候,對拆分後的各模組進行合併,壓縮等，構建工具可以幫完成這些重複的工作。二 什麼是包管理工具 可以安裝 解除安裝 更新 檢視 搜尋 發布等功能。類似grunt，gulp構建工具，和...
前端構建工具
devdependencies gulp強調的是前端開發的工作流程，側重於前端開發的整個過程的控制管理 像是流水線 我們可以通過配置一系列的task，定義task處理的事務 例如檔案壓縮合併 雪碧圖 啟動server 版本控制等 然後定義執行順序，來讓gulp執行這些task，從而構建專案的整個前端...
入門gulp前端構建工具
1.全域性安裝 gulp 倘若之前電腦安裝過，則跳過此步驟 cnpm install g gulp 2.作為專案的開發依賴 devdependencies 安裝 此步驟會自動在目錄下建立package.json檔案，因此無需cnpm init cnpm install s e dev gulp 3....