uniapp外部scss文件使用scss语法不生效

Posted 野猪佩奇007

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp外部scss文件使用scss语法不生效相关的知识,希望对你有一定的参考价值。

项目场景:

页面的样式重复我想提取出来作为公共样式
新建scss文件,然后引入,结果样式不生效


问题描述:

uniapp官网示例引入css的方法

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

解决方案:

正确的引入方法

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

以上是关于uniapp外部scss文件使用scss语法不生效的主要内容,如果未能解决你的问题,请参考以下文章

uniapp使用uViewUI

uniapp组件深度修改样式问题

如何在 Sublime 3 中设置 scss 语法?

SCSS语法

vue.config.js 中配置全局 scss

.SCSS 文件 Angular CLI 中的数学计算不起作用