解决微信小程序开发vendor.js文件超过500kb问题

1 篇文章 0 订阅

解决办法:

目前查找到有两种解决办法 1.开发环境启用代码压缩、2.vendor.js的分包处理,目前第一种已经达到预期,仅记录下第一种方式.

1.开发环境启用代码压缩

  1. build/webpack.dev.conf.js中加入如下代码,
var UglifyJsPlugin = require('uglifyjs-webpack-plugin') //加入到第一行
new UglifyJsPlugin({ sourceMap: true })//加入到plugins中
  1. 删除dist文件夹,重新编译后可以看出vendor.js文件大约会缩小1/3,这个组件在webpack.prod.conf.js(生产环境) 文件中也被使用了,作用是混淆压缩代码,但是默认的 build/webpack.dev.conf.js(开发环境) 并没有启用,导致文件过大,小程序预览模式打不开,手动把它开启即可!

参考链接:开发环境启用代码压缩
参考链接:打包优化方案

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值