在webpack中，可以使用一些插件来实现一些高级的功能。比如自动加注释，自动复制文件等等。这里我们装一个自动应用html文件到dist目录的插件。
html-webpack-plugin插件可以按指定的模板生成index.html文件，同时自动添加引用。
孤狼 | 
2022-07-30 03:09:16 | 
1580°C | 
0条评论 ]npm install html-webpack-plugin --save-devconst HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
plugins: [
new HtmlWebpackPlugin({
template:'index.html'
})
]
}修改index.html 删除之前引用的js文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>webpack</title>
</head>
<body>
<div id="app"></div>
</body>
</html>输入命令打包
npx webpack之后根目录下的index.html文件就不用再修改了
下载地址：
密码：hrgj
赞赏一个鸡腿
