vue项目build直接生成zīp压缩包

191 阅读1分钟
  • 首先,需要下载: npm i filemanager-webpack-plugin -D

  • 其次,需要在vue.config.js里面进行配置:

// 打包直接生成压缩包start&&&&&&&&&&&&&&&&&&&&&&:
const FileManagerPlugin = require('filemanager-webpack-plugin');
const prodPlugins = [];
if (process.env.NODE_ENV === 'production') {
  let fileManagerPlugin = new FileManagerPlugin({ //初始化 filemanager-webpack-plugin 插件实例
    events: {
      onEnd: {
        mkdir: ['./educationalManagement'], // 防止找不到educationalManagement而报错
        delete: [ //首先需要删除项目根目录下的educationalManagement.zip
          './educationalManagement.zip',
        ],
        archive: [ //然后我们选择educationalManagement文件夹将之打包成educationalManagement.zip并放在根目录
          {source: './educationalManagement', destination: './educationalManagement.zip'}
        ]
      }
    }
  });
  prodPlugins.push(fileManagerPlugin);
}
// 打包直接生成压缩包end&&&&&&&&&&&&&&&&&&&&&&

module.exports = {
  //webpack的相关配置在这里
  configureWebpack: {
    plugins: [
      ...prodPlugins
    ]
  }
};

到此为止,配置就完成了。