npm run build 后自动压缩dist文件成ZIP文件

项目每次npm run build 后都要将dist文件压缩成zip包,可用 filemanager-webpack-plugin 插件实现自动化压缩

先安装插件
npm install filemanager-webpack-plugin --save-dev

vue2.x 在 build/webpack.base.config.js 内找到 module.exports。 然后在plugins内添加

const FileManagerPlugin = require('filemanager-webpack-plugin')

new FileManagerPlugin({  //初始化 filemanager-webpack-plugin 插件实例
	onEnd: {
	     delete: [   //首先需要删除项目根目录下的dist.zip
	         './projectName.zip',
	     ],
	     archive: [ //然后我们选择dist文件夹将之打包成dist.zip并放在根目录
	         {source: './dist', destination: './projectName.zip'},   
	     ]
	 }
})

vuecli3.x在vue.config.js下添加

const FileManagerPlugin = require('filemanager-webpack-plugin')

module.exports = {
    configureWebpack: {  //webpack的相关配置在这里
        plugins: [
            new FileManagerPlugin({  //初始化 filemanager-webpack-plugin 插件实例
                onEnd: {
                    delete: [   //首先需要删除项目根目录下的dist.zip
                        './projectName.zip',
                    ],
                    archive: [ //然后我们选择dist文件夹将之打包成dist.zip并放在根目录
                        {source: './dist', destination: './projectName.zip'},   
                    ]
                }
            })
        ]
    }
}
  • 5
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值