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

news/2025/2/23 15:28:36

1. 开发环境代码包大小

输入图片说明

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

2. 预览结果

输入图片说明

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

3. 解决办法

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

4. 代码压缩配置

4.1 配置代码

./config/dev.js

module.exports = {
  env: {
    NODE_ENV: '"development"'
  },
  defineConstants: {
  },
  mini: {
    webpackChain: (chain, webpack) => {
      // 体验环境压缩
      chain.merge({
        plugin: {
       
文章来源:https://blog.csdn.net/m0_38082783/article/details/130745836
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.niftyadmin.cn/n/336414.html

相关文章

数据结构-图的邻接表的定义与实现

目录 一、引言 二、图的基本概念 三、图的存储方式 1. 邻接矩阵 2. 邻接表 3. 十字链表 4. 邻接多重表 四、邻接表的实现 1. 邻接表的定义 2. 邻接表的构建 3. 邻接表的遍历 五、邻接表的优缺点 六、总结 一、引言 在计算机科学中,图是一种非常重要的…

Linux下部署Samba服务(实现windows和linux共享)

关于Linux和Windows系统之间的文件传输,很多人选择使用FTP,相对较安全,但是有时还是会出现一些问题,比如上传文件时,文件名莫名出现乱码,文件大小改变等问题。相比较来说,使用Samba作为文件共享…

mysql根据子节点级联查询父节点sql

-- 查询该子节点的所有父节点(包括该子节点) -- 表名称 db_menu -- 表结构(menu_id,menu_name,menu_parent_id) -- java传入子节点值:#{menuId} -- sql如下,对照更改表名/字段名/参数名即可运行: select r2.menu_id,r…

Linux---目录结构、绝对路径与相对路径、命令基础格式、ls命令

1. Linux的目录结构 Linux的目录结构是一个树型结构。 Windows 系统可以拥有多个盘符, 如 C盘、D盘、E盘。 Linux没有盘符这个概念, 只有一个根目录 /, 所有文件都在它下面。 在Linux系统中,路径之间的层级关系,使用:/ 来表示。 Linux只…

微信小程序-基础知识

文章目录 AppIdOpenIDUnionId处理方法session_key AppId appid 是微信账号的唯一标识,这个是固定不变的; 如果了解微信公众号开发的就需要注意一下,小程序的appid 和 公众号的appid 是不一致的 OpenID 为了识别用户,每个用户针…

centos上搭建redis伪集群

1.安装ruby 搭建redis集群需要ruby脚本,需要安装ruby的环境 (1)yum install ruby (2) yum install rubygems 2. 复制安装完成的redis /usr/local目录下创建redis-cluster目录,复制已经安装完成的redis到 /usr/local/redis-cluster/redis01目录&#x…

基于SSM+JSP校园二手交易系统

末尾获取源码 开发语言:Java Java开发工具:JDK1.8 后端框架:SSM 前端:采用JSP技术开发 数据库:MySQL5.7和Navicat管理工具结合 服务器:Tomcat8.5 开发软件:IDEA / Eclipse 是否Maven项目&#x…

点餐小程序实战教程05-点餐功能开发

目录 1 点餐需求分析2 变量定义3 点餐分类功能实现4 菜品展示功能开发5 实现切换分类时过滤数据总结我们上一篇设计了点餐分类及点餐信息数据源的功能,本篇我们介绍一下如何开发点餐功能。 1 点餐需求分析 看一下页面是分为两部分,左侧是侧边栏导航,用来展示点餐的分类信息。…