vue -- vue-cli webpack项目打包后自动压缩成zip文件

  用vue2.0开发项目,使用npm run build 命令 ,但是只会生成dist文件夹,以下是生成zip压缩包方法

1,插件安装

 webpack插件安装 filemanager-webpack-plugin,该插件可执行打包,复制,移动,删除文件以及新文件夹在build之前及之后创建。

安装:      npm install filemanager-webpack-plugin --save-dev  或 npm install filemanager-webpack-plugin --save-dev

 2.webpack配置

 1)在项目 根目录 build/webpack.base.config.js 中抬头变量声明区域添加

 

const FileManagerPlugin = require('filema nager-webpack-plugin')

 

2) 在根目录 build/webpack.base.config.js 内找到 module.exports。 然后在plugins内添加

  new FileManagerPlugin({
      onEnd: {
          delete: [
              './dist/mydemo.zip',
          ],
          archive: [
              {source: './dist', destination: './dist/mydemo.zip'},
          ]
      }
  })

若 plugins不存在,则新建plugins,plugins为数组格式。

 

3.执行效果 
配置完成后,重新执行 npm run build 命令 执行完后 ,在dist文件夹内(上面配置的目的地目录为 dist文件夹)就可以看到

 





转载于:https://www.cnblogs.com/ganws/p/11137981.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值