1. 程式人生 > >webpack常用外掛及作用

webpack常用外掛及作用

copy-webpack-plugin :複製檔案到目標資料夾。在開發時使用熱模替換,(沒有生成dist 資料夾,都在記憶體中),如果想引用某一個js檔案,直接寫script標籤是找不到的,因為伺服器記憶體中沒有這個檔案。所以複製這個檔案,到dist中。

compression-webpack-plugin: 生產環境時可選擇讓程式碼壓縮gzip.

html-webpack-plugin: 生成index.html 並自動注入打包後的js css 等

webpack.DefinePlugin: 可以生成配置常量。編譯時就有的常量。

extract-text-webpack-plugin: 提取使用檔案的css 組成一個或多個css 檔案。

webpack.optimize.CommonsChunkPlugin: 讓多個出口檔案組成一個檔案

webpack-dev-server: 開發時使用,靜態伺服器,並且有熱替換等功能。

uglifyjs-webpack-plugin: 刪除警告,壓縮程式碼等。