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
相关推荐
Hilaku10 分钟前
多标签页并发请求导致 Token 刷新失败?只有 15行代码就能解决 !
前端·javascript·程序员
Nile18 分钟前
解密Palantir系列一:4. Ontology 不是哲学
开发语言·前端·javascript
因_崔斯汀37 分钟前
ECharts 区域地图可视化实战:以山东地图为例
前端
Bacon1 小时前
手摸手带你搞清楚 AI Agent 的六大核心概念
前端·人工智能
王林不想说话1 小时前
TypeScript 进阶知识总结:从 extends、泛型到 infer,一篇打通 TS 类型系统
前端·javascript·typescript
罗超驿1 小时前
15.JavaScript 函数与作用域完全指南:语法、参数、表达式与作用域链实战
开发语言·前端·javascript
.千余1 小时前
【C++】C++类与对象2:C++构造函数、运算符重载与流输入输出全面解析
c语言·开发语言·前端·c++·经验分享
星栈2 小时前
Rust 单二进制部署,真没你想的那么“单”
前端·后端
angerdream2 小时前
Android手把手编写儿童手机远程监控App之webrtc聊天数据通道
前端
浩风祭月2 小时前
受够了每次切分支都要重装依赖:一份 Git 工作流优化指南
前端·ai编程