【taro react】---- 解决开发环境微信小程序由于主包体积过大不能预览问题

这篇具有很好参考价值的文章主要介绍了【taro react】---- 解决开发环境微信小程序由于主包体积过大不能预览问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1. 开发环境代码包大小

微信小程序预览提示文件太大,Taro React 入门到实战系列,taro,react.js,微信小程序

注意:可以看到此时主包加分包将近 5MB,上传预览将会超出限制!!!

2. 预览结果

微信小程序预览提示文件太大,Taro React 入门到实战系列,taro,react.js,微信小程序

报错:代码包大小超过限制,主包资源近3MB,限制最大2MB!!!

3. 解决办法

  1. 使用webpack的压缩插件,在开发环境编译的时候进行压缩;
  2. 进行分包处理,同时依赖也进行分包处理;

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模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序--Taro框架实际开发中的问题汇总

    前言:微信小程序相信大家都不陌生,目前小程序开发主流的框架有微信 原生开发 , uni-app ,以及今天的重点 Taro 。编者自身小程序开发经验也不多,仅针对自身在小程序开发中的问题做一次汇总,望更多像我一样的小白少走 一点弯路。 注意:本篇博客中小程序开发基于

    2024年02月16日
    浏览(37)
  • Taro 小程序开发大型实战(七):尝鲜微信小程序云(下篇)

    欢迎继续阅读《Taro 小程序开发大型实战》系列,前情回顾: 熟悉的 React,熟悉的 Hooks:我们用 React 和 Hooks 实现了一个非常简单的添加帖子的原型 多页面跳转和 Taro UI 组件库:我们用 Taro 自带的路由功能实现了多页面跳转,并用 Taro UI 组件库升级了应用界面 实现微信和支付

    2024年03月10日
    浏览(39)
  • taro 支付宝/微信小程序的chooseImage真机和开发工具上的区别

    支付宝小程序 微信小程序

    2024年02月10日
    浏览(37)
  • taro(踩坑) npm run dev:weapp 微信小程序开发者工具预览报错

    控制台报错信息: VM72:9 app.js错误:  Error: module \\\'vendors-node_modules_taro_weapp_prebundle_chunk-JUEIR267_js.js\\\' is not defined, require args is \\\'./vendors-node_modules_taro_weapp_prebundle_chunk-JUEIR267_js.js\\\' 环境: node 版本:v18.16.0 Taro 版本:v3.6.18 vue3 typeScript sass webpack5 解决办法: webpack5 改为 webpack4 set NOD

    2024年02月03日
    浏览(43)
  • Taro微信小程序报错:Failed to load local image resource的解决方案

    场景 给taro地图组件添加标记的时候需要制定iconPath,然后报如下错误: [渲染层网络层错误] Failed to load local image resource [渲染层错误] Uncaught Error: Uncaught TypeError: Cannot read property ‘x’ of undefined 找了很久,有说url格式错误的,有说基础库版本太高了的,基本上能找到的方法我

    2024年02月11日
    浏览(38)
  • 使用taro或react框架的,针对微信小程序隐私协议的组件封装,网上找了很久都没有相关模版,只有自己写了一个,现分享给有困难的同伴

    注意:我是使用hooks的,其他可以参考封装思路大同小异的 首先写一个PrivacyAgreement.js文件 样式文件index.scss如下 在需要用到隐私协议的组件或者api的页面里面引用

    2024年02月05日
    浏览(37)
  • Taro + React + TS + Taro-UI + ECharts + Markdown 开发微信小程序

    1、安装 Taro 脚手架工具 npm install -g @tarojs/cli yarn global add @tarojs/cli 2、taro 初始化项目 taro init taro-app 安装 taro-ui cd taro-app yarn add taro-ui 全局引入taro-ui样式 3、项目路由路径 page 对应项目路径 lazyCodeLoading 组件按需注入 Taro.navigateTo({url: xxx}) 小程序内部跳转 4、全局添加分享功能

    2024年02月04日
    浏览(29)
  • 微信小程序+Taro 混编,Taro 使用微信原生 behaviors

    最近有一个小程序项目,因为一些原因项目架构选择了微信小程序原生+Taro 混编的方式进行开发,在开发的过程中发现 Taro 不支持使用原生的 behaviors 特性,因为混编的原因项目当中已有原生页面在使用 behaviors,所以需要一个方案在不影响其他页面的基础上使 Taro 也能使用这

    2024年02月11日
    浏览(31)
  • 【Taro】微信小程序隐私协议改造

     微信要求小程序开发者在2023.9.15日前将小程序中调用获取用户隐私api的接口时,都必须要先让用户授权,如果用户拒绝授权,那么小程序的对应接口或组件将直接禁用。 那么首先,请将微信小程序开发者工具-详情-本地设置-基础调试库 切换至2.33.0以上。低于该调试库会报错

    2024年02月09日
    浏览(36)
  • 【Taro】微信小程序关于隐私协议改造

    之前微信刚公布要求整改小程序获取用户隐私接口的改造公告那会,Taro还没有支持这方面的更新,于是当时就暂时搁置了一下,后面发现有人回复了我的提问,并且给出了解决方案。按照大佬给出的解决方案试了下,果然可行,所以在此记录分享一下! 首先,当时的帖子在

    2024年02月07日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包