工程项目 打包自动生成zip文件

发布时间 2024-01-04 10:29:40作者: xiao旭

项目背景:vue-cli3

1.引入plugin 压缩文件插件

const FileManagerPlugin = require('filemanager-webpack-plugin') // 压缩文件夹
const packageName = 'dist' //压缩文件名

2.使用

module.exports = {
	chainWebpack(config) {
		//打包生成zip
		config.plugin('fileManager')
		  .use(FileManagerPlugin).tap(args => [{
			events: {
			  onEnd: {
				delete: [ // 首先需要删除项目根目录下的dist.zip
				  `./${packageName}.zip`
				],
				archive: [ // 选择文件夹将之打包成xxx.zip并放在根目录
				  { source: `./${packageName}`, destination: `./${packageName}.zip` }
				]
			  }
			}
		}]);
	}
}