首页 > 其他分享 >uniapp 打包缺陷

uniapp 打包缺陷

时间:2023-11-02 11:59:42浏览次数:36  
标签:uniapp 依赖 首屏 webpack 模块 缺陷 打包

uniapp 打包时候 会把 所有用到的公共组件和公共封装打包到一起,在首页直接加载,这样会严重影响首屏的显示速度

目前没有找到好的 最小化 分离 首屏依赖的打包方式

考虑可行的方案

1. 写一个webpack插件,通过分析 指定模块的依赖,将模块 和 模块依赖 分别打包

2. 深入 webpack 配置,看看是否有特殊的配置,可以尽可能的抽离首页的依赖,目前不清楚该怎么配

这种方式,在微信小程序的离线模式会被进一步放大,因为不能使用gzip和CDN,首屏白屏会特别明显

标签:uniapp,依赖,首屏,webpack,模块,缺陷,打包
From: https://www.cnblogs.com/mengff/p/17805037.html

相关文章

  • deb包的打包流程
    一、deb的文件结构Debian软件包(.deb)是一种用于Debian及其基于Debian的Linux发行版的软件包格式。这些软件包包含了用于安装、升级和卸载软件的文件和元数据。 .deb文件通常遵循一定的文件结构,包括以下主要部分:控制信息(control):DEBIAN/control文件包含软件包的......
  • uniapp微信小程序自定义隐私权限弹窗
    插件地址:https://ext.dcloud.net.cn/plugin?id=14576#detail 样式小改动<template><viewclass="xh-privacy"><!--默认主题--><view:style="'background:'+background+';'"class="the......
  • vue打包后导致css属性值丢失的问题如何处理?
    当使用Vue进行打包时,有时可能会出现CSS属性值丢失的问题。这通常是由于CSS的压缩和优化过程导致的。下面是一些可能的解决方案:关闭CSS的压缩和优化:在Vue的配置文件(vue.config.js)中,你可以通过添加以下配置来关闭CSS的压缩和优化:module.exports={css:{extract:false,......
  • vue本地能够访问图片,打包项目之后图片无法访问
    //template中<img:src="boxHerf"/>//jsletboxHerf=ref('/src/assets/images/contain.svg')上述写法本地能够正常访问图片,但是打包之后无法正常访问,将boxHerf换成下列写法即可解决letboxHerf=newURL('/src/assets/images/contain.svg',import.meta.url).hr......
  • 开源若依+uniapp商城支持微信小程序/H5/微信支付/商品管理/订单管理/会员管理
    开源若依+uniapp商城介绍支持微信小程序/H5/微信支付/商品管理/订单管理/会员管理观看建议建议两倍速度观看!!!访问地址:https://mall.ichengle.top/源码地址:https://gitee.com/zccbbg/RuoYi-Mall若依介绍若依(Ruoyi)是一个基于Java开发的快速开发脚手架(框架),旨在帮助开发者更轻松地构......
  • 使用yarn build 打包vue项目时静态文件或图片未打包成功
    解决Vue项目使用yarnbuild打包时静态文件或图片未打包成功的问题1.检查vue.config.js文件首先,我们需要检查项目根目录下的vue.config.js文件,该文件用于配置Vue项目的打包和构建选项。在这个文件中,我们需要确认是否正确地配置了打包输出目录和文件规则。可以检查以下几个设置项:mod......
  • vue打包体积优化
    一、webpack-bundle-analyzer工具1、安装终端运行命令,根据包管理器自行选择命令#NPMnpminstall--save-devwebpack-bundle-analyzer#YARNyardadd-Dwebpack-bundle-analyzer2、代码引入将代码引入到vue.config.jsconstBundleAnalyzerPlugin=require('we......
  • 每日博客——使用Maven对Java独立应用程序进行编译打包
    使用Maven对Java独立应用程序进行编译打包1.安装Maven网盘下载 apache-maven-3.9.2-bin.zip链接为:https://pan.baidu.com/s/181shkgg-i0WEytQMqeeqxA(提取码:9ekc)sudounzip/export/server/apache-maven-3.9.2-bin.zip-d/export/server/cd/export/server/sudomvapac......
  • uniapp实现路由拦截
    背景在APP中,跳转页面需要判断是否有权限跳转,比如是否登录。开发环境是TMUI+VUE3+TS,这难免有一些限制,在网上搜索后,发现简书网站有个博主写的链接正合我意,不过他的是JavaScript+uniapp原生开发,根据我的需求,自己稍微改了些。0x01复制代码简书博客链接:https://www.jianshu.com/p/b......
  • uniapp项目APP端安卓ios权限检测教程
    导语:在APP的日常开发过程中,权限检测与授权是不可避免的一项重要的功能,下面就简单介绍一下如何检测和授权的方法。目录原理方法实战原理此授权方法主要是依托于HTML5产业联盟的HTML5+规范实现的。HTML5产业联盟官网获取当前操作系统名称可以使用uni.getSystemInf......