乐趣区

关于前端: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';
退出移动版