我是大钊
我是大钊
  • 发布:2023-08-18 15:31
  • 更新:2023-08-18 15:31
  • 阅读:155

【报Bug】预编译指令在css文件中定义变量,预编译指令无效

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 11

HBuilderX类型: 正式

HBuilderX版本号: 3.8.4

第三方开发者工具版本号: 1.06.2307260

基础库版本号: 不知道在哪里看

项目创建方式: HBuilderX

示例代码:

定义变量的文件style.css
$icomoon-font-family: "iconfont" !default;
/ #ifndef MP-WEIXIN /
$icomoon-font-path: "https://app.xxx.com/h5/static/fonts" !default;
/ #endif /

/ #ifdef MP-WEIXIN /
$icomoon-font-path: "@/static/fonts" !default;
/ #endif /

style.css文件应用变量
@import "variables";
/ 在线链接服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 /
@font-face {
font-family:'#{$icomoon-font-family}'; / Project id 4166472 /
src: url('#{$icomoon-font-path}/iconfont.woff2') format('woff2'),
url('#{$icomoon-font-path}/iconfont.woff') format('woff'),
url('#{$icomoon-font-path}/iconfont.ttf') format('truetype');
}

微信小程序中编译后的代码
@font-face{font-family:iconfont;src:url(https://app.xxx.com/h5/static/fonts/iconfont.woff2) format("woff2"),url(https://app.xxx.com/h5/static/fonts/iconfont.woff) format("woff"),url(https://app.xxx.com/h5/static/fonts/iconfont.ttf) format("truetype")}

操作步骤:

很容易复现

预期结果:

根据预定义的结果,给变量赋值
@font-face{font-family:iconfont;src:url(@/static/fonts/iconfont.woff2) format("woff2"),url(@/static/fonts/iconfont.woff) format("woff"),url(@/static/fonts/iconfont.ttf) format("truetype")}

实际结果:

无视预定义指令,选择前边的值。
@font-face{font-family:iconfont;src:url(https://app.xxx.com/h5/static/fonts/iconfont.woff2) format("woff2"),url(https://app.xxx.com/h5/static/fonts/iconfont.woff) format("woff"),url(https://app.xxx.com/h5/static/fonts/iconfont.ttf) format("truetype")}

bug描述:

无论/ #ifdef MP-WEIXIN / 怎么定义,选MP-WEIXIN或者APP-PLUS,编译处理的结果是一样的。在编译到app中也是一样结果。预定义没有起作用。我现在打包小程序和app都需要手动删掉。

2023-08-18 15:31 负责人:无 分享
已邀请:

要回复问题请先登录注册