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

解决办法:

目前查找到有两种解决办法 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(开发环境) 并没有启用,导致文件过大,小程序预览模式打不开,手动把它开启即可!

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

你可能感兴趣的:(Vue,mpvue)