1. 程式人生 > >webpack 相關外掛及作用(表格)

webpack 相關外掛及作用(表格)

webpack 相關外掛及作用:

外掛 預設啟用 作用
UglifyJsPlugin production模式時 壓縮程式碼、
DefinePlugin 建立全域性常量用於編譯時解析
NoEmitOnErrorsPlugin production模式時 如果沒有使用NoEmitOnErrorsPlugin,當發生錯誤時,就會過載一個有錯誤資訊的頁面,把使用者的螢幕搞花。
使用NoEmitOnErrorsPlugin外掛,就不會載入這個頁面了,錯誤資訊只是在控制檯中輸出
ModuleConcatenationPlugin production模式時 Webpack預設將每一個模組包裝在獨立的閉包函式中,這個包裝函式使得javascript的執行稍微變慢了一點;
ModuleConcatenationPlugin讓輸出的打包在一個作用域(閉包函式)裡了,更少的函式意味著更少的執行時開銷。
NamedModulesPlugin development模式時 能看到替換模組的相對路徑,而不是模組 id
NamedChunksPlugin development模式時 讓chunks有名字,而不是chunks id