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