webpack学习之 HtmlWebpackPlugin CleanWebpackPlugin

继续上一篇webpack的学习：
手动删除dist文件夹:CleanWebpackPlugin
HTML进行打包处理我们可以使用插件：HtmlWebpackPlugin；
BASE_URL的常量 :DefinePlugin
在vue的打包过程中复制public到dist文件夹:CopyWebpackPlugin；有报错，暂时不配置
安装：npm install clean-webpack-plugin html-webpack-plugin copy-webpack-plugin -D
配置：webpack.confif.js

const { CleanWebpackPlugin } = require('clean-webpack-plugin')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const { DefinePlugin } = require('webpack');
module.exports = {
 .......
 plugins: [
    new CleanWebpackPlugin(),
    new HtmlWebpackPlugin({
      title: "webpack案例",
      template: "./public/index.html"
    }),
    new DefinePlugin({
      BASE_URL: "'./'"
    })
  ]
}