webpack 打包并压缩为zip文件

在项目开发过程中,用webpack 进行打包发布,但是打包完成后要手动打包为zip文件,每次都要手动去操作,比较麻烦。网上找了一圈,发现有几种说法,尝试后选择了合适的,记录一下:

1、filemanager-webpack-plugin

npm install filemanager-webpack-plugin --save-dev

该插件,支持文件移动、删除、创建、压缩等功能。
最终没有使用这个玩意,因为我用的是webpack4.3 版本,这个插件需要webpack5去支持。
参考:https://github.com/gregnb/filemanager-webpack-plugin

2、webpack-zip-plugin

尝试了使用这个玩意,结果里边执行的命令行报错,可能是停更太久。。。。
参考:https://www.npmjs.com/package/webpack-zip-plugin

3、zip-webpack-plugin

最终使用了这个东西,很ok。webpack版本支持比较好。

For Webpack 4 / 5:

npm install --save-dev zip-webpack-plugin

For Webpack 3:

npm install --save-dev zip-webpack-plugin@2.0.0

直接在webpack.config.js 中插件中添加:
导入:

const ZipPlugin = require('zip-webpack-plugin');

使用:

plugins: [
	...
	new ZipPlugin({
	      path: './',//路径名
	      filename: 'dist.zip',//打包名
	 })
 ]

参考:https://www.npmjs.com/package/zip-webpack-plugin

4、还有另外一种说法,自己建js,在执行完打包后,调用自己写的js,完成文件打包、移动、删除等操作,没有具体深究,仅做记录。

参考:https://www.cnblogs.com/taohuaya/p/13446331.html

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值