1. 开发环境代码包大小
注意:可以看到此时主包加分包将近 5MB,上传预览将会超出限制!!!
2. 预览结果
报错:代码包大小超过限制,主包资源近3MB,限制最大2MB!!!文章来源:https://www.toymoban.com/news/detail-690082.html
3. 解决办法
- 使用webpack的压缩插件,在开发环境编译的时候进行压缩;
- 进行分包处理,同时依赖也进行分包处理;
4. 代码压缩配置
4.1 配置代码
./config/dev.js文章来源地址https://www.toymoban.com/news/detail-690082.html
module.exports = {
env: {
NODE_ENV: '"development"'
},
defineConstants: {
},
mini: {
webpackChain: (chain, webpack) => {
// 体验环境压缩
chain.merge({
plugin: {
到了这里,关于【taro react】---- 解决开发环境微信小程序由于主包体积过大不能预览问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!