vue-cli@3.0 直接打包成zip压缩文件

安装 filemanager-webpack-plugin

1 npm i filemanager-webpack-plugin -D

在vue.config.js中配置,如果没有这个文件可以自己创建一个

 1 const FileManagerPlugin = require('filemanager-webpack-plugin')
 2 module.exports = {
 3     configureWebpack: {  //webpack的相关配置在这里
 4         plugins: [
 5             new FileManagerPlugin({  //初始化 filemanager-webpack-plugin 插件实例
 6                 onEnd: {
 7                     delete: [   //首先需要删除项目根目录下的dist.zip
 8                         './dist.zip',
 9                     ],
10                     archive: [ //然后我们选择dist文件夹将之打包成dist.zip并放在根目录
11                         {source: './dist', destination: './dist.zip'},
12                     ]
13                 }
14             })
15         ]
16     }
17 };

然后执行npm run build打包命令 就好了 就会同时出现dist文件夹和dist.zip压缩包