taro 小程序和 h5 环境 CSS Module 行为不一致

hxzsmxv2  于 2022-10-22  发布在  其他
关注(0)|答案(2)|浏览(217)

问题描述

开启 CSS Module,使用 SASS 预处理。a.scss 引用 b.scss,b 中的样式无法使用,h5 中是正常的

复现步骤

/* a.module.scss */
@import "b.module";

.testA {
  color: red;
}
/* b.module.scss */
.testB {
  color: blue;
}

编译之后:
上面是 h5 编译结果,下面是小程序编译结果。小程序中 b.scss 中的类名没有导出

期望行为

小程序中可以正常导出被引用的 scss 中的类名

系统信息

👽 Taro v1.3.10

Taro CLI 1.3.10 environment info:
System:
OS: macOS 10.14.5
Shell: 5.3 - /bin/zsh
Binaries:
Node: 10.16.0 - ~/.nvm/versions/node/v10.16.0/bin/node
Yarn: 1.16.0 - ~/.nvm/versions/node/v10.16.0/bin/yarn
npm: 6.9.0 - ~/.nvm/versions/node/v10.16.0/bin/npm
npmPackages:
@tarojs/async-await: 1.3.9 => 1.3.9
@tarojs/cli: 1.3.9 => 1.3.9
@tarojs/components: 1.3.9 => 1.3.9
@tarojs/plugin-babel: 1.3.9 => 1.3.9
@tarojs/plugin-csso: 1.3.9 => 1.3.9
@tarojs/plugin-sass: 1.3.9 => 1.3.9
@tarojs/plugin-uglifyjs: 1.3.9 => 1.3.9
@tarojs/redux: 1.3.9 => 1.3.9
@tarojs/redux-h5: 1.3.9 => 1.3.9
@tarojs/router: 1.3.9 => 1.3.9
@tarojs/taro: 1.3.9 => 1.3.9
@tarojs/taro-alipay: 1.3.9 => 1.3.9
@tarojs/taro-h5: 1.3.9 => 1.3.9
@tarojs/taro-swan: 1.3.9 => 1.3.9
@tarojs/taro-tt: 1.3.9 => 1.3.9
@tarojs/taro-weapp: 1.3.9 => 1.3.9
@tarojs/webpack-runner: 1.3.9 => 1.3.9
eslint-config-taro: 1.3.9 => 1.3.9
eslint-plugin-taro: 1.3.9 => 1.3.9
nerv-devtools: ^1.4.0 => 1.4.0
nervjs: ^1.4.0 => 1.4.0
stylelint-config-taro-rn: 1.3.9 => 1.3.9
stylelint-taro-rn: 1.3.9 => 1.3.9

hi3rlvi2

hi3rlvi21#

欢迎提交 Issue~

如果你提交的是 bug 报告,请务必遵循 Issue 模板 的规范,尽量用简洁的语言描述你的问题,最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足,或者已经其他 issue 已经存在相关内容,你的 issue 有可能会被关闭。

Good luck and happy coding~

相关问题