# `html-webpack-plugin`插件
## 安装
安装`npm install html-webpack-plugin -D`
使用`webpack.config.js`
~~~
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
entry:path.join(__dirname,'./src/main.js'),
output:{
path:path.join(__dirname,'./dist'),
filename:'bundle.js'
},
plugins:[
new HtmlWebpackPlugin({
template: path.join(__dirname,'./src/index.html'),
filename: 'index.html'
})
]
}
~~~
注意插都是一个构造函数，都需要new,所以在引入`html-webpack-plugin`模块时我们会使用大驼峰命名法。
利用上面的方式我们重新启动一下服务即可完成。`npm start`\`\`
