Webpack-第 3 篇:Plugin 的强大功能
一、常用 Plugin 介绍(如 HtmlWebpackPlugin、CleanWebpackPlugin 等)
(一)HtmlWebpackPlugin
- 作用:该插件能自动生成 HTML 文件,并将 Webpack 打包后的 JavaScript、CSS 等资源自动注入到 HTML 文件中。这在开发过程中非常实用,尤其是当打包后的文件名包含哈希值等动态内容时,能避免手动修改 HTML 文件引入资源的麻烦。
- 安装:
npm install html-webpack-plugin --save-dev
- 示例:
const HtmlWebpackPlugin