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
相关推荐
阿萨德528号11 小时前
npm 包发布实战指南:从零发布、更新迭代到版本治理
前端·npm·策略模式
IT_陈寒12 小时前
Vue的v-for为啥把我的渲染顺序搞乱套了?
前端·人工智能·后端
sir.山12 小时前
在 Vue 3 项目中使用 Mock 数据
前端·vue.js·vue3·vite
李剑一12 小时前
华为新上Pura X View阔直板手机,特殊屏幕比例设备下,前端应该怎么去适配更完美?送你一套完整工具代码
前端
0xBADCODE12 小时前
Flask SSTI读SECRET_KEY+伪造Session:税务系统渗透全流程
前端·后端·python·安全·web安全·网络安全·flask
01_ice12 小时前
html个人简历展示
前端·html
程序员爱钓鱼13 小时前
Rust where详解:让泛型与Trait约束更加清晰
前端·后端·rust
zzzzzz31013 小时前
react-bits 为什么会吸引前端开发者:别把动效当装饰,先把它当成页面能力
前端·react.js·动效
风月说与山鬼15 小时前
二、React入口文件(main.jsx)
前端·react.js
东风破_21 小时前
Docker 基础:为什么需要容器?
前端·后端·nginx