在项目开发过程中,用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