vue2 项目打包后自动压缩成zip文件

发布时间 2023-11-16 19:08:12作者: 蓝西0320

安装依赖

1 pnpm install filemanager-webpack-plugin --save-dev

vue.config.js中添加如下代码

const FileManagerPlugin = require('filemanager-webpack-plugin')//引入插件
 1     configureWebpack: {
 2         plugins: [
 3             new FileManagerPlugin({
 4                 events: {
 5                     onEnd: {
 6                         delete: ['./dist.zip'],
 7                         archive: [{ source: './dist', destination: './dist.zip' }]
 8                     }
 9                 }
10             })
11         ]
12     }

具体位置参考下图

最终效果 

运行  npm run build 后,在项目目录下会同时新增 dist文件夹  和 dist.zip压缩包。