webpack plugins使用

• 打包插件
  html-webpack-plugin 会在打包结束后，自动生成一个html文件，并把打包生成的js自动引入到这个html文件中
  自定义配置
  模板的使用

plugins: [new HtmlWebpackPlugins({  // plugin可以在webpack运行到某一时刻的时候，帮你做一些事情，有点像生命周期函数
        template: 'src/template.html'  // 使用模板来配置产生的index.html,添加自己需要的标签
    })]

clear-webpack-plugin的使用

// 错误写法，不算错，使用方法更新了
const cleanWebpackPlugin = require('clean-webpack-plugin')
...
    plugins: [new HtmlWebpackPlugins({
        template: 'src/template.html'
    }),
    new cleanWebpackPlugin(['bundle'])]
}

// 正确的写法,构造函数要大写开头   
// clean-webpack-plugin github地址:https://github.com/johnagan/clean-webpack-plugin#options-and-defaults-optional
const { CleanWebpackPlugin } = require('clean-webpack-plugin')
plugins: [new HtmlWebpackPlugins({
        template: 'src/template.html'
    }),
    new CleanWebpackPlugin()]