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
相关推荐
全栈练习生3 分钟前
封装数字滚动动画函数
前端
TON_G-T37 分钟前
useEffect为什么会触发死循环
java·服务器·前端
Aurorar0rua43 分钟前
CS50 x 2024 Notes C - 02
前端
海参崴-1 小时前
C++代码格式规范
java·前端·c++
谢尔登1 小时前
【React】setState 触发渲染的流程
前端·react.js·前端框架
摸鱼仙人~2 小时前
Vue中markdown-it基础使用教程
前端·javascript·vue.js
落魄江湖行2 小时前
入门篇二:Nuxt 4路由自动生成:告别手动配置路由的日子
前端·vue.js·typescript·nuxt4
CQU_JIAKE3 小时前
4.4【Q】
java·前端·javascript
小陈工3 小时前
Python Web开发入门(十二):使用Flask-RESTful构建API——让后端开发更优雅
开发语言·前端·python·安全·oracle·flask·restful