第一步安裝插件

npm install filemanager-webpack-plugin --dev

二、在vue.config.js使用配置

const FileManagerPlugin = require("filemanager-webpack-plugin")
module.exports = {
  .....
  configureWebpack: (config) => {
  .....
    // plugins插件是一個(gè)數(shù)組且webpack本身已經(jīng)有一些配置，那么我們需要將其追加到數(shù)組中
    let fileManagerPlugin = new FileManagerPlugin({ 
      events: {
        onEnd: {
        //先自動(dòng)創(chuàng)建release-dist 防止 第一次 npm run serve  找不到文件夾報(bào)錯(cuò)
          mkdir: ['./release-dist'],
          delete: [   //首先需要?jiǎng)h除release-dist目錄下的release.zip
            `./release-dist/release.zip`,   
          ],
          archive: [ //然后我們選擇dist文件夾將之打包成release.zip并放在release-dist文件夾下
            {source: `./dist`, destination: `./release-dist/release.zip`},   
          ]
        }
      }
    })
    config.plugins.push(fileManagerPlugin) // 追加到webpack plugins數(shù)組中。
  },
};