html-webpack-plugin 属性可在github查看
通过html模块生成html文件
1. 安装插件
cnpm i html-webpack-plugin --save-dev
安装完了之后会有一个警告:
没有安装webpack 直接在项目中安装一次就OK了
cnpm i webpack --save-dev
这样安装就完成了
2. 使用插件
// 引入模块
let HtmlWebpackPlugin = require("html-webpack-plugin")
plugins:[new htmlWebpackPlugin({
//filename: 相对输出文件的的路径
filename:'./index.html',
//template: 模板为相对当前的配置文件路径
//相对webpack.config.js 的路径
template:'index.html'
})
]
重新再打包一次就ok
**
注意
**
在使用之前我们有设置资源访问路径publicPath
所以要重新设置为相对于打包生成的html文件的路径。