uniapp踩坑记录-外部scss文件使用scss语法不生效

Posted 2021-09-13 suri

环境

HBuilder X 3.1.12

uniapp官网示例引入css的方法

/* 绝对路径 */
@import url(\'/common/uni.css\');
@import url(\'@/common/uni.css\');
/* 相对路径 */
@import url(\'../../common/uni.css\');

问题描述

刚开始按照示例引入common.scss文件，common.scss文件中的scss语法都不生效，比如变量被解析成字符串、嵌套写法的样式不生效等，实际表现类似css

@import url(\'@/common/common.scss\');

正确的引入方法

@import \'@/common/common.scss\';