vue 项目打包优化 webpack 3.0+

  配置优化

    隐藏源码

   在 config 文件夹下index.js 中 build

   productionSourceMap: true 改为 productionSourceMap:false 即可   

   开启 gzip 压缩

  在 config 文件夹下index.js 中

    productionGzip: false 改为 productionGzip:  true 

    开启 gzip 压缩后,执行 npm run build 可能会报错, 报错信息:" Cannot find module 'compression-webpack-plugin'"

    所以就要安装依赖 compression-webpack-plugin   

npm install --save-dev compression-webpack-plugin    //在没有给定版本号时该命令默认安装最新版compression-webpack-plugin,问题恰恰就出在这。

        安装完成,重新 npm run build  然后有报错,, 出现这种问题  是因为新版的 2.0 最低需要 node V6.9 和 webpack V4.0.0 

   因为自己的 webpack 是 3.+ 所以不行,删除2.0 版本  npm uninstall --save-dev compression-webpack-plugin

   重新安装 1.1.12 版本的   npm install --save-dev compression-webpack-plugin@1.1.12  然后打包就 ok啦 

 

 

 

 

 

 

   

  

 

  

转载于:https://www.cnblogs.com/Sabo-dudu/p/11270560.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值