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: 刪除警告,壓縮代碼等。
 
 
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM