【vue】vue打包后，将dist文件夹自动压缩成生成dist.zip压缩包--filemanager-webpack-plugin

一、最终目标

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。如红框中所示

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