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

环境

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';