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

解决办法：

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

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

在build/webpack.dev.conf.js中加入如下代码,

var UglifyJsPlugin = require('uglifyjs-webpack-plugin') //加入到第一行
new UglifyJsPlugin({ sourceMap: true })//加入到plugins中

删除dist文件夹，重新编译后可以看出vendor.js文件大约会缩小1/3，这个组件在webpack.prod.conf.js（生产环境） 文件中也被使用了，作用是混淆压缩代码，但是默认的 build/webpack.dev.conf.js（开发环境） 并没有启用，导致文件过大，小程序预览模式打不开，手动把它开启即可！

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

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

微信小程序开发更改js文件后编译结果没变化
今天写小程序的时候突然出现了这种问题,更改了js文件保存以后界面啥也没有变化,一开始以为自己代码写错了,但是重启软件又有变化了,简直就是大吃一惊
解决微信小程序开发中wxss中不能用本地图片
微信小程序开发中wxss中不能用本地图片,我们可以用将我们的图片传到服务器上,然后直接引用在线地址.但是当我们没有服务器时,我们可以用"图床",这个具体可以百度.这里我们用第二种方 ...
uniapp 微信小程序打包 vendor.js过大导致打包超过2M
1.分包加载,小程序限制一个包2M,可以分9个子包,整包共计不能超出20M,这一步很简单,如果看文档感觉枯燥的可以参考uview框架的demo,因为这个demo就使用了小程序的分包机制,demo链接( ...
微信小程序开发之.js文件
1.注册小程序 App()函数用于注册一个小程序,参数为一个Object(可以把它理解成为一个类似于C++里的对象,在里面我们封装了一些基本的数据类型也就是我们所称的属性,还有一些方法,也就是我们所称 ...
微信小程序网络请求异常怎么办_解决·微信小程序开发-网络请求报Invalid request 400错误...
今天学习了一下微信小程序的入门开发,在使用网络请求时,发现根据微信官方的API的方法进行操作出现Invalid request 400错误,到底怎么回事呢? 首先我们来看微信API网络请求示例代码: ...
微信小程序中app.js文件、组件、api
app.js文件: 每个小程序都需要在app.js中调用 App 方法注册小程序实例. App({//App实例化,整个小程序只有一个App实例,全部页面共享onLaunch: function () ...
解决微信小程序报[ app.json 文件内容错误] app.json: app.json 未找到，未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。小程序app.json报错
编译报错:[ app.json 文件内容错误] app.json: app.json 未找到原因:由于project.config.json文件的miniprogramRoot小程序根目录属性找不到 ...
解决微信小程序报[ app.json 文件内容错误] app.json app.json 未找到，未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。小程序app.json报错
编译报错:[ app.json 文件内容错误] app.json: app.json 未找到原因:由于project.config.json文件的miniprogramRoot小程序根目录属性找不到 ...
解决微信小程序开发工具右上角没有上传按钮
原因: AppId没有填对登录网站微信公众平台选择注册的小程序邮箱登录,不是选择测试号,如果进入测试号 ,小程序界面没什么东西,如下界面是测试号节目: 不是上面测试号界面,得是下面这个小程序管理 ...

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

解决办法：

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

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

最新文章

热门文章