vue打包优化二

clean-webpack-plugin插件

https://cloud.tencent.com/developer/news/357879
https://blog.youkuaiyun.com/hzr0523/article/details/105637130

npm install clean-webpack-plugin --save-dev

vue.config.js内修改
对象写法：

const TerserPlugin = require('terser-webpack-plugin')
const webpack = require('webpack')
const path = require('path')
const HtmlWebpackIncludeAssetsPlugin = require('html-webpack-include-assets-plugin')
const CopyWebpackPlugin = require('copy-webpack-plugin')
const { CleanWebpackPlugin } = require('clean-webpack-plugin')// 引入插件
module.exports = {
  publicPath: process.env.VUE_APP_BASE,
  productionSourceMap: false,
  configureWebpack: () => ({
    plugins: [
      new CleanWebpackPlugin(),// 添加插件
      new webpack.DllReferencePlugin({
        context: __dirname,
        manifest: require('./dll/manifest.json')
      }),
      new CopyWebpackPlugin([
        {
          from: path.resolve(__dirname, 'dll/vendor.dll.js'),
          to: 'js'
        }
      ]),
      new HtmlWebpackIncludeAssetsPlugin({
        assets: ['./js/vendor.dll.js'],
        append: false
      })
    ],
  })
}

函数写法：

const { CleanWebpackPlugin } = require("clean-webpack-plugin");

module.exports = {
...
		configureWebpack: (config) => {
				config.plugins.push(
					 new CleanWebpackPlugin()
					 ...
				)
		})
...
}