【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')
              }]
            }
          }
        }
      )
    ]