webpack常用plugin插件都有哪些？

本文轉載自查看原文 2020-10-20 16:26 941 webpack之路

define-plugin：定義環境變量 (Webpack4 之后指定 mode 會自動配置)
ignore-plugin：忽略部分文件
html-webpack-plugin：簡化 HTML 文件創建 (依賴於 html-loader)
web-webpack-plugin：可方便地為單頁應用輸出 HTML，比 html-webpack-plugin 好用
uglifyjs-webpack-plugin：不支持 ES6 壓縮 (Webpack4 以前)
terser-webpack-plugin: 支持壓縮 ES6 (Webpack4)
webpack-parallel-uglify-plugin: 多進程執行代碼壓縮，提升構建速度
mini-css-extract-plugin: 分離樣式文件，CSS 提取為獨立文件，支持按需加載 (替代extract-text-webpack-plugin)
serviceworker-webpack-plugin：為網頁應用增加離線緩存功能
clean-webpack-plugin: 目錄清理
ModuleConcatenationPlugin: 開啟 Scope Hoisting
speed-measure-webpack-plugin: 可以看到每個 Loader 和 Plugin 執行耗時 (整個打包耗時、每個 Plugin 和 Loader 耗時)
webpack-bundle-analyzer: 可視化 Webpack 輸出文件的體積 (業務組件、依賴第三方模塊)

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

猜您在找 常用的webpack插件html-webpack-plugin webpack plugin插件—HtmlWebpackPlugin webpack常用的plugin webpack 拷貝插件copy-webpack-plugin webpack學習（三）html-webpack-plugin插件 webpack的extract-text-webpack-plugin插件 webpack html-webpack-plugin插件詳解 webpack拷貝插件 copy-webpack-plugin webpack 插件： html-webpack-plugin webpack的copy-webpack-plugin插件