03 —— Webpack 自动生成 html 文件

HtmlWebpackPlugin | webpack 中文文档 | webpack中文文档 | webpack中文网

安装

复制代码
npm install --save-dev html-webpack-plugin
  • 下载html-webpack-plugin本地软件包

npm i html-webpack-plugin --save-dev

  • 配置webpack.config.js让webpack拥有插件功能
javascript 复制代码
const HtmlWebpackPlugin = require('html-webpack-plugin');
javascript 复制代码
plugins: [new HtmlWebpackPlugin()],

plugins 配置插件选项

配置项

GitHub - jantimon/html-webpack-plugin:简化 HTML 文件的创建,以便为您的 webpack 捆绑包提供服务

  • 重新打包 npm run build
相关推荐
浪里行舟23 分钟前
国产OCR双雄对决?PaddleOCR-VL与DeepSeek-OCR全面解析
前端·后端
znhy@1231 小时前
CSS易忘属性
前端·css
瓜瓜怪兽亚1 小时前
前端基础知识---Ajax
前端·javascript·ajax
AI智能研究院1 小时前
(四)从零学 React Props:数据传递 + 实战案例 + 避坑指南
前端·javascript·react.js
qq7798233401 小时前
React组件完全指南
前端·javascript·react.js
EndingCoder1 小时前
MongoDB基础与Mongoose ODM
服务器·javascript·数据库·mongodb·中间件·node.js
qq7798233402 小时前
React Hooks完全指南
前端·javascript·react.js
Moment2 小时前
性能狂飙!Next.js 16 重磅发布:Turbopack 稳定、编译提速 10 倍!🚀🚀🚀
前端·javascript·后端
DoraBigHead2 小时前
React Fiber:从“递归地狱”到“时间切片”的重生之路
前端·javascript·react.js
孟陬2 小时前
Bun 1.2.23发布:119个问题修复,性能飙升!
node.js·deno·bun