HbuilderX 中运行 uniapp 项目通过微信开发者工具查看主包分包占用大小,依赖分析

最新推荐文章于 2024-08-19 04:00:06 发布
最新推荐文章于 2024-08-19 04:00:06 发布
阅读量3.1k 收藏
点赞数 1
分类专栏： uniapp+微信小程序 文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YZRHANYU/article/details/127639523
版权

HbuilderX 中运行 uniapp 项目通过微信开发者工具查看主包分包占用大小,依赖分析

提示：以下是本篇文章正文内容，下面案例可供参考

一、在 HBuilderX 使用运行时代码压缩

HBuilderX创建的项目勾选运行–>运行到小程序模拟器–>运行时是否压缩代码
在这里插入图片描述

二、查看依赖分析

1. 从无依赖文件中查看

本地设置中勾选下面的内容
在这里插入图片描述
点击依赖分析
在这里插入图片描述这里就可以看到完整的了
在这里插入图片描述

2. 直接查看依赖分析

在这里插入图片描述

YZRHANYU
关注
专栏目录
微信开发者工具拒绝HBuilderX访问，请根据上述提示，在微信开发者工具中开启服务端口
郭宝的博客
11-06 9935
解决办法： 1、首先打开微信开发者工具，然后点击菜单栏的设置>>安全设置> 2、然后将服务端口开启 3、然后再打开HBuilder X工具，运行>>运行到小程序模拟器>>停止微信开发者工具 4、然后再次运行到微信小程序模拟器即可，效果图如下： ...
Hbuilder创建uni-app项目配置依赖(node-modules)
热门推荐
IT_CRH的博客
03-24 2万+
Hbuilder创建uni-app项目，为项目配置依赖
在微信开发者工具中如何查看主包和分包的大小
听海边涛声
04-12 1201
在微信开发者工具中如何查看主包和分包的大小
uniapp开发微信小程序出现【错误: xx.js 已被代码依赖分析忽略，无法被其他模块引用】解决办法
weixin_49063019的博客
08-05 414
在配置文件内增加以下配。
微信开发者工具如何打开代码依赖分析器
weixin_41096059的博客
08-19 148
我整理的一些关于【依赖关系】的项目学习资料（附讲解～～）和大家一起分享、学习一下：https://d.51cto.com/eDOcp1微信开发者工具如何打开代码依赖分析器 微信开发者工具是为微信小程序和微信网页应用开发所设计的强大工具。它提供了丰富的功能，如调试、测试和性能分析等。其中，代码依赖分析器是一个十分重要的功能...
使用webpack-bundle-analyzer分析uni-app 的微信小程序包大小（HbuilderX运行）
jifaliwo123的博客
09-11 1617
如果找不到，则在项目根目录下（跟pages.json同一个目录下）创建一个JS文件，命名为vue.config.js。代码如下：【注意】：直接使用copy官网到代码运行HbuilderX 会报错，需要再加一层 configureWebpack。运行后，浏览器会自动打开一个网页，该网页就是webpack-bundle-analyzer的分析结果。4、HbuilderX 运行程序（运行——运行到小程序模拟器——微信开发者工具）3、配置vue.config.js文件，添加如下配置代码到文件，保存。
uni-app微信小程序主包大小哪里看图解
xuelang532777032的博客
02-22 3491
你最好先打包发布在看，不然本地开发看的话卡死!2、运行小程序之后，你在开发者工具右上角找到详情。3、 这里就显示了主包包含哪些 多大！直接看图吧，直观点。
HBuilderX将uniapp项目运行到微信开发者工具
qq_63732605的博客
07-20 2070
uni-app、小程序、微信开发这工具、HBuilderX
Uni-app运用HBuilderX和微信web开发者工具做微信小程序
m0_75260695的博客
06-14 7300
Uni-app的介绍:uni-app是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5以及各种小程序、快应用等多个平台.HBuilderX中的H是HTML的首字母，Builder是构造者，X是HBuilder的下一代版本。简称HX。HX是轻如编辑器、强如IDE的合体版本。微信web开发者工具的介绍:为帮助开发者更方便、更安全地开发和调试基于微信的网页，我们推出了微信 web 开发者工具。
uni-app项目（一）-初始化uni-app项目_下载 HBuilderX_新建 uni-app 项目_把项目运行到微信开发者工具_使用 git 管理项目
qq_45811054的博客
03-30 1490
ui-app项目（一）-初始化uni-app项目_下载 HBuilderX_新建 uni-app 项目_把项目运行到微信开发者工具_使用 git 管理项目
uni-app运行到微信开发者工具
tianxingege_的博客
08-29 925
配置 第一步：在HBuilderX点击运行到小程序模拟器进行配置 第二步：安装微信开发者工具 第三步：点击微信开发者工具运行项目 第四步：运行成功后会自动打开微信开发者工具模式 uni-app无法运行到微信开发者工具 很多小伙伴配置完成后运行的时候打不开微信开发者工具，原因是没有打开端口。 解决方法：在微信开发者工具里面找到设置，点击安全，把服务端口给打开，这样重新运行项目就成功了。 同理配置其他插件也是一样的方法 ...
关于uni-app报错 “已被代码依赖分析忽略，无法被其他模块引用。”
c2683442574的博客
06-13 506
点开详情，然后找到上传时过滤掉无依赖文件选项，取消勾选再次勾选上即可。此坑应该是微信开发者工具的问题。
小程序 已被代码依赖分析忽略，无法被其他模块引用。你可根据控制台中的【代码依赖分析】告警信息修改代码，或关闭【过滤无依赖文件】功能
qq_53509791的博客
07-18 1854
当我们在uniapp小程序运行的过程当中可能会遇到下面的错误。 那么我们要是遇到这样的错误的时候只需要去我们的微信小程序当中的project.config.json文件当中setting里面设置“ignoreUploadUnusedFiles”: false,“ignoreDevUnusedFiles”: false然后保存，重新编译即可。
编写一个分析代码依赖的工具（一）
weixin_33738578的博客
12-20 950
一个源码中，理不清的依赖是最烦的，让我们继续往下看，如何实现一个小工具，来分析依赖关系，工具的github地址,觉得可以的可以点个star，博客的地址，喜欢的也可以点个star，谢谢。 先让我们来看看最后的效果如何： 选中的情况下，会把其余的都隐藏，显示它引入的依赖。 怎么实现它 我们先了解echart和node的fs和path模块，这是编写的基础。fs的几个处理文件的方法，path几个处...
微信小程序开发
qq_35056468的博客
08-04 1359
微信小程序开发 我最近在做微信小程序， 使用的是uni-app框架，想着之前有 App的代码，如果拿来用的话是不是美滋滋，然后我就这么做了。一顿操作猛如虎胡，结果真机调试 预览都不好使， 提示我文件大于2M限制， 分包处理 我发打开 小程序文档,按照文档我又是一顿操作猛如虎。同时还将分包引用的组件放到对应的分包中 运行起来后文件确实小了。但是主包和分包还是有部分文件超过显示超过2M的限制大小。 原来我没有配置分包优化。 分包优化 在manifest.json配置文件中 mp-weixi里添加如下代码 "m
uniapp开发的时候，h5依赖包比较大，打包小程序的时候体积太大
11-16 1348
思路1、 uni是有条件编译的，我尝试了Json，js和vue文件的标签，css和js都可以条件编译，你可以利用这点，只要页面上不引用，打包运行之类的webpack都做了优化，不会打进去的 思路2、 小程序的分包加载了，我开始时候把这条路已经走死了…目录结构太差了 https://blog.csdn.net/weixin_49567496/article/details/120224528 ...
使用Hbuilderx开发uni-app的时候没有package.json怎么安装依赖包
m0_74265954的博客
04-23 3071
大家好，我是文心一言的搬运工（哽咽）小白记录勿喷。
hbuilderx编译tdesign依赖到微信开发者工具
最新发布
10-14
HBuilderX是一款基于Eclipse的前端开发IDE，主要用于快速构建Web应用，特别是使用Vue.js框架。TDesign是一个轻量级、高性能的企业级UI设计组件库。如果你想要在微信开发者工具中使用HBuilderX编译并集成TDesign，你需要做以下几个步骤： 1. **配置项目设置**：在HBuilderX中，确保你的项目已经添加了TDesign的相关依赖。通常情况下，你需要通过npm或者yarn来安装TDesign的库。 ```bash npm install tdesign-vue --save 或 yarn add tdesign-vue ``` 2. **引入库**：在你的HBuilderX项目中，将TDesign引入到Vue组件或者主入口文件里，以便在微信开发者工具中能够正常使用。 3. **编译过程**：使用HBuilderX的构建工具（如Webpack等），将TDesign打包成适合微信小程序的版本。HBuilderX提供了对小程序项目的良好支持，所以它应该能正确处理这个过程。 4. **导入到微信开发者工具**：在微信开发者工具中创建一个新的小程序项目，然后将HBuilderX生成的dist文件夹复制到该项目的`pages`或`common`目录下。微信开发者工具会自动识别并加载这些依赖。 5. **测试运行**：在微信开发者工具中，打开对应的页面，你应该能看到TDesign的组件已正常显示和工作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值