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 [email protected]

直接在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

你可能感兴趣的:(webpack,react)