vue-cli编译文件打包成.zip

第一步安装插件

npm install filemanager-webpack-plugin --dev

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

const FileManagerPlugin = require("filemanager-webpack-plugin")
module.exports = {
  .....
  configureWebpack: (config) => {
  .....
    // plugins插件是一个数组且webpack本身已经有一些配置，那么我们需要将其追加到数组中
    let fileManagerPlugin = new FileManagerPlugin({ 
      events: {
        onEnd: {
        //先自动创建release-dist 防止 第一次 npm run serve  找不到文件夹报错
          mkdir: ['./release-dist'],
          delete: [   //首先需要删除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数组中。
  },
};