每天只睡23h
每天只睡23h
  • 发布:2022-07-29 11:11
  • 更新:2022-07-29 12:04
  • 阅读:366

【报Bug】@import导入的scss样式,不能使用条件编译

分类:uni-app

产品分类: uniapp/小程序/字节跳动

PC开发环境操作系统: Windows

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

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

基础库版本号: 2.56.0.1

项目创建方式: CLI

CLI版本号: 3.0.0-alpha-3050120220701001

操作步骤:

写了一个全局scss样式文件,并在app.vue中导入:

<style lang="scss">  
  @import 'global.scss';  
</style>

global.scss 内容:

/* #ifdef H5 */  
body  
/* #endif */  
/* #ifndef H5 */  
page  
/* #endif */  
{  
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,  
    'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, 'Noto Sans', sans-serif,  
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';  
  font-size: 32rpx;  
  color: #383838;  
  -webkit-font-smoothing: antialiased;  
  -moz-osx-font-smoothing: grayscale;  
}

结果编译出来的结果不符合预期,条件编译不起效果;

预期结果:

page {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 32rpx;
color: #383838;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

实际结果:

body page {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 32rpx;
color: #383838;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

bug描述:

使用@import导入的scss样式,内部的条件编译不产生效果。

经过测试,通过HBuilderX创建的项目和CLI创建的项目,都存在这个问题。

2022-07-29 11:11 负责人:无 分享
已邀请:
DCloud_UNI_Anne
  • 每天只睡23h (作者)

    感谢,我的语法应该是没错的,我在vue2的模式下编译是正常的。刚刚测试发现条件编译内包含完整的样式代码块也是正常的,只是我上面那样只对选择器做条件编译会出BUG

    2022-07-29 14:19

该问题目前已经被锁定, 无法添加新回复