记录工作中遇到的问题，uniapp编译问题

最新推荐文章于 2024-03-20 10:31:36 发布
最新推荐文章于 2024-03-20 10:31:36 发布
阅读量473 收藏 11
点赞数 9
分类专栏： 记录 分享 文章标签： uni-app javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50805614/article/details/135537394
版权
文章讲述了团队在项目中遇到的问题，由于前任同事为解决SCSSmixin全局引用问题而过度注入代码，导致编译慢和打包体积增大。现在找到解决方案，只需针对性地注入所需的mixin，解决了这个问题。
摘要由CSDN通过智能技术生成

之前因为同事添加了为了快捷编写添加的样式，导致每个vue文件里都被注入了几万行这样的代码，每次编译时间都巨长，打包也特别大
在这里插入图片描述

问题现在找到了，之前同事换新框架的时候，为了解决scss的mixin引入到全局后没法全局引用的问题，加了这个处理器，把这里引入的scss给所有的vue文件都注入了，现在只把需要注入的mixin注入进去就没问题了
在这里插入图片描述

红莲R-LotusX
关注
专栏目录
uniapp - 实现苹果App打包上架App Store应用商店详细教程，详解Hbuilder打包编译ipa发布上传到苹果ios软件商店全流程，提供云打包/离线本地打包ios、申请IOS苹果证书方法
王佳斌
09-21 3137
uni-app，苹果ios，苹果app，打包编译，app store应用商店，ipa发布到软件商店，uniapp的app苹果应用商店上架，上架苹果APP Store，uniApp打包的ipa文件上传到商店，上架苹果商城，审核失败，被拒绝，UniApp打包ipa文件，上架iOS App Store 流程指南，最新详细教程最全，Hbuilder打包发布ios app，苹果云打包上线全过程，云打包IPA并上传到商店，打包iOS ipa文件后怎么发布到应用商店，苹果证书申请教程，ios证书申请，mac电脑，审核很久
[已解决]关于uniapp一直编译中的问题（vue-cli创建的项目）
loveforlongtime的博客
03-21 899
注意：不一定是最新的node和npm版本，切换最新的发现两个平台都编译不成功了，试了几次我是19.16.0版本的node两个平台都可以编译。最全面的做法先把node_moudles和package-lock.json删除，切换一个node版本重新安装运行。：执行npm run dev：mp-weixin发现可以编译到微信小程序。而执行npm run dev：mp-qq显示一直编译中如上图。
使用小程序开发工具经常重复性编译有时候重复好几次？
最新发布
weixin_43923808的博客
03-20 312
可以在菜单栏设置-->通用设置-->使用新版文件监听模块，关闭此选项。
关于uniapp编译小程序 引入全局scss问题解决方案
qq_60056854的博客
04-14 3424
今天学习了scss 想封装一个全局的scss文件，然后在app.vue引入，结果发现报错，报错原因是因为没找到scss定义的变量； 排查原因后发现只能在每个页面导入全局scss文件，变量才能找到,或者引入到uni.scss文件才会有效； 解决方案如下： 1.在static文件夹下创建全局scss文件，将全局的样式写到这个文件夹下面， 2.如果有变量放到uni.scss文件夹下面 为什么不能放在一个文件夹下引入到uni.scss呢，因为uni.scss会将编译的scs...
uniapp项目的编译运行
热门推荐
12程序猿的博客
12-07 2万+
这里写目录标题一、准备工作二、编译运行1.使用HBuilder X 软件打开uniapp项目2.点击菜单栏“运行”---》运行到小程序模拟器---》微信开发者工具（W）3.编译过程中，安装必要的插件4.插件安装完成后，重新编译5.编译成功6.使用开发者工具导入该uniapp项目，即可运行 一、准备工作 uniapp项目 安装HBuilder X 软件 安装npm 运行环境 二、编译运行 步骤： （1）使用HBuilder X 软件打开uniapp项目 （2） 点击菜单栏“运行”—》运行到小程序模拟器—》微信
使用uniapp开发小程序，uniapp更新代码后，在微信开发者工具中不更新代码？
weixin_45932157的博客
04-29 2389
把热重载关了就可以了
记录uniapp集成vant遇到的问题
lin13958756858的博客
12-10 1773
需求：用uniapp做h5开发，需要用到第三方UI库。 步骤： 1.vant下载地址：GitHub - youzan/vant-weapp: 轻量、可靠的小程序 UI 组件库 2.复制UI库：将下载或者clone下来的dist文件悉数拷到uniapp创建的根目录下的wxcomponents 【ps:wxcomponents此文件需要自己手动创建，且名称不能更改，具体看uni-app官网】，此处我的目录结构为下图所示 3.引入UI库：首先在app.vue文件里面 @import "/w.
vue跨域，uniapp H5网页跨域问题
weixin_41582348的博客
04-06 733
uniapp本地开发跨域解决
uniapp解决多条socket连接冲突问题
郭育培的博客
08-10 7536
适用平台-Android（IOS和小程序端请自行测试） 因为公司暂时只规划了android端的开发，所以本开发者并没有对其他端没有进行尝试，如果是开发IOS和小程序的小伙伴请自行尝试，目测是没有太大问题。 前期准备 HBuilderx做uniapp开发想必这个工具都不陌生，就不多说了； 环信IM小程序端的SDK-为什么选择这个版本的呢？嘿，等我下面跟您分析； ...
小程序端源码，如果不会编译打包建议百度一下，这个是比较简单的
08-02
【标题】和【描述】提及的是一个关于小程序端的源码项目，暗示了这是一个用于开发微信小程序或类似平台的应用程序的代码库。...如果在操作过程中遇到问题，可以借助百度等搜索引擎查找相关教程或社区解答。
uni-app 微信小程序开发踩坑记录
aspirer 的专栏
06-09 175
如果 是使用uniapp的uniCloud的云函数的话，得DCloud的开发者中心里面，查看云函数对应的域名。然后拉到最大概中间的位置。有个服务器域名的配置。把期望的一些域名放进去即可。仅简单作下记录防止老年痴呆。有时文档多了绕来绕去自己都晕了。在小程端调用云函数。而微信端要求设置好白名单才能访问。登录后 找到左侧菜单 开发 --- 开发管理。点开后 继续 点 “开发设置”确实这样可以提高安全性。
uniapp_hbuilderxIDE_微信小程序使用入门_代码修改与生效问题/hbuilderx自动保存修改
xuchaoxin1375的博客
01-03 955
文章目录打开微信小程序服务端口在Hbuilderx中指定微信小程序运行hbuilderx自动保存修改(失去焦点时)代码修改与生效问题导入新项目并在新窗口中打开 打开微信小程序服务端口 在Hbuilderx中指定微信小程序运行 如果已经编译,那么再次查看会显示停止微信开发者工具 hbuilderx自动保存修改(失去焦点时) 也可以手动保存(ctrl+shift+s) 代码修改与生效问题 ????务必在查看修改效果之前检查是否将所有文件进行保存 注意确保项目的代码没有出现语法错误(可以通过编译检
uniAPP开发前言，对你有用，提高你的开发速度
baidu_41279808的博客
03-17 533
uniAPP开发前言 1.组件的概念 组件是现代开发的重要里程碑。组件重构了分工模型，让大量的轮子出现，让开发者可以拿来轮子直接用，大幅提升了整个产业的效率。uni-app是有内置组件的。这和web开发不一样。 web开发基本上不用基础组件，都是找一个三方ui库，全套组件都包含。那是因为html的基础组件默认样式不适配手机风格。 但uni-app体系不是这样，内置组件就是为手机优化的。但内置组件只能满足基础需求，更多场景，需要扩展组件。 扩展组件是基于内置组件的二次封装，从性能上来讲，扩展组件的性
uni-app 开发微信小程序 自动化编译/启动项目
weixin_63212264的博客
05-23 1万+
最近开发一个uni-app的小程序项目，因为习惯使用vscode 而项目不得不借助hbuderx 运行，微信开发工具调试，偶尔还需要使用 ios模拟器，8g内存的mac 就变的异常卡顿，所以就研究了下通过npm命令去编译、 运行等工程化配置, 这样就不用运行hbuderx 减少内存使用，顺便记录下从需求到完善功能的过程，以及遇到的问题，解决的方案。...
uni-app 性能优化建议
qq_57263284的博客
06-17 2490
运行原理逻辑层和视图层分离，且非H5端通信有折损uni-app 在非H5端运行时，从架构上分为逻辑层和视图层两个部分。逻辑层负责执行业务逻辑，也就是运行js代码，视图层负责页面渲染。虽然开发者在一个vue页面里写js和css，但其实，编译时就已经将它们拆分了。逻辑层详解逻辑层是运行在一个独立的jscore里的，它不依赖于本机的webview，所以一方面它没有浏览器兼容问题，可以在Android4.4上跑es6代码，另一方面，它无法运行window、document、navigator、localstorag
uni-app cli 开发微信小程序 自动化编译，启动项目
盏茶作酒的博客
05-19 1382
最近开发一个uni-app的小程序项目，因为习惯使用vscode 而项目不得不借助hbuderx 运行，微信开发工具调试，偶尔还需要使用 ios模拟器， 8g内存的mac 就变的异常卡顿，所以就研究了下通过npm命令去编译、 运行等工程化配置, 这样就不用运行hbuderx 减少内存使用，顺便 记录下从需求到完善功能的过程，以及遇到的问题，解决的方案。编译成功了，项目根目录下出现了一个dist 文件夹， 显然这是个编译过后的微信小程序项目代码。尝试gitee 直接下载模版， 得到这样一个文件结构的项目。
uni-app修改代码，微信开发者工具不更新
小钻风的博客
11-25 2371
uniapp修改代码不更新
用uniapp重写小程序问题汇总
大众美男典范
11-18 2022
主要问题 bug: 通过ref调用组件方法时，发现使用的是上一次的数据。 原因：微信小程序可以在修改组件的properties的传值之后、立即调用组件方法； uniapp在修改组件prop的传值之后，需要在this.$nextTick中调用组件方法。 但是在百度小程序里，即使有this.$nextTick依然没有解决这个问题，于是又追加了一个setTimeout。 Error: [TMA][WARN][RUNTIME] Page route 错误 +0ms switchTab before pages a
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

红莲R-LotusX

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值