每天只睡23h
每天只睡23h
  • 发布:2022-07-20 11:18
  • 更新:2022-07-20 11:28
  • 阅读:715

【报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样式,内部的条件编译不产生效果

2022-07-20 11:18 负责人:无 分享
已邀请:
每天只睡23h

每天只睡23h (作者) - 大前端开发的一名菜鸟

测试使用HbuilderX创建并运行相同代码是正常的

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