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运行即可