build时顺便生成个zip压缩包，很难嘛?

打包怎么还没好？

• 测试：要发版本了，打个包给我吧
• 我：3个工程都要？
• 测试：1

5分钟过去了。。。

• 测试：好了没
• 我：刚build完，正在压缩

下一秒，测试已经过来

• 拍着我肩膀问：在build的时候，为什么不能顺手就压缩了？你行不行啊？！
• 我：….

所以，都1202年了，你还在手动进行zip压缩？

下面就教你使用webpack的FileManagerPlugin插件！

使用FileManagerPlugin插件自动压缩

1. 安装FileManagerPlugin依赖

yarn add filemanager-webpack-plugin@^5.0.0 --dev
复制代码

2. vue.config.js 中配置使用

// 先引入插件
const FileManagerPlugin = require('filemanager-webpack-plugin')

module.exports = {
  publicPath: '/vue3-web',
  outputDir: 'dist',
  assetsDir: 'static',
  configureWebpack: {
    plugins: [
      new FileManagerPlugin({
        // 注意！记得这里需要加一层events节点，否则会报错噢，宝
        events: {
          onEnd: {
            delete: [
              './dist.zip',
            ],
            archive: [{
              source: './dist',
              destination: './dist.zip'
            }]
          }
        }
      })
    ]
  }
}
复制代码

3. 运行测试

测试：正在输入……

我：dist.zip文件已发送成功！