安装依赖
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压缩包。