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

安装依赖

npm install filemanager-webpack-plugin --save-dev

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

const FileManagerPlugin = require('filemanager-webpack-plugin')

configureWebpack: {
        plugins: [
            new FileManagerPlugin({
                events: {
                    onEnd: {
                        delete: ['./dist.zip'],
                        archive: [{ source: './dist', destination: './dist.zip' }]
                    }
                }
            })
        ]
    }

具体位置参考下图

图中将打包路径修改为了./dicDist，同步修改configureWebpack中的路径即可。

最终打包效果

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