webpack中配置html-webpack-plugin自动生成html文件

2018.05.07 13:20 阅读 531

在webpack打包的时候,html-webpack-plugin插件可以自动生成html文件,并且引入生成具有hash值的js文件。

下面介绍一下webpack中如何配置html-webpack-plugin

首先安装html-webpack-plugin插件

npm install html-webpack-plugin -D

在webpack配置文件webpack.config.js中添加配置

const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports =  {
  // 其他配置省略
  plugins: [
    new HtmlWebpackPlugin({
      template: 'index.html'
    })
  ]
}

打包后的文件就会自动生成index.html并引入打包生成的js文件。