webpack點滴記錄

標籤：代碼   配置   顯示   node   ase   異常   gulp   tail   loader   

有了webpack。。（不藉助gulp/grunt）代碼壓縮 圖片base64，解析less/sass coffee css壓縮，MD5加密都幫你做了。。還支援按需載入。。還有熱替換

 

webpack常用命令：

構建命令，webpack的常用參數

$ webpack --config webpack.min.js //另一份設定檔

$ webpack --display-error-details //顯示異常資訊

$ webpack --watch //監聽變動並自動打包

$ webpack -p //壓縮混淆指令碼，這個非常非常重要！

$ webpack -d //產生map對應檔，告知哪些模組被最終打包到哪裡了

 

 

Webpack 本身只能處理 JavaScript 模組，如果要處理其他類型的檔案，就需要使用 loader 進行轉換。

 

npm prune -x  這個命令要和package.json檔案路徑下運行，將會移除package.json中沒有列舉的node_modules的包，如果是生產環境中或者加--production，將會移除devDependencies裡面的包，用於清理多餘的包資源。

 

webpack點滴記錄