一、最终目标
npm run build:prod后生成的dist资源文件夹,自动打包成dist.zip压缩包
二、下载插件
2.1、下载插件
filemanager-webpack-plugin
npm install filemanager-webpack-plugin --save-dev
2.2、配置使用
老版本在webpack.prod.js文件下
新版本在vue.config.js文件下
我的是新版本,找到vue.config.js文件,修改文件内容如下:
上方引用:
const FileManagerPlugin = require('filemanager-webpack-plugin')
在configureWebpack中增加plugins。如红框中所示
1 plugins: [
2 new FileManagerPlugin(
3 {
4 events: {
5 onEnd: {
6 delete: ['./dist.zip'],
7 archive: [{
8 source: path.join(__dirname, './dist'),
9 destination: path.join(__dirname, './dist.zip')
10 }]
11 }
12 }
13 }
14 )
15 ]
![](https://img-blog.csdnimg.cn/img_convert/1340fe378485f3b446cdeb52553814e7.png)