# `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`\`\`