html-webpack-plugins的配置

1.html-webpack-plugin插件的作用

将物理磁盘中的html放入到内存中
可以直接访问内存的html和js文件
html文件会自动引用内存中的js文件

对一个html文件和js文件单独修改完毕后，还要用webpack打包

2.安装

npm install html-webpack-plugin -D

3.导入插件

在webpack.config.js中

//引入插件类
const HtmlWebpackPlugin = require('html-webpack-plugin')
//新建插件对象
const htmlPlugin=new HtmlWebpackPlugin({
template:path.join(__dirname,'入口html文件路径'),
filename:'index.html'
})
plugins:[
//插入插件对象
htmlPlugin
]

4.运行

通过webpack-dev-server运行即可