首页 前端知识 解决[plugin:vite:css] [sass] Undefined mixin.报错信息

解决[plugin:vite:css] [sass] Undefined mixin.报错信息

2024-07-27 22:07:53 前端知识 前端哥 123 602 我要收藏

问题

项目背景:vue3+js
在这里插入图片描述
尝试npm install -g sass命令全局安装sass也无济于事.

解决

在vite.config.js文件添加配置即可解决.

    css: {
        preprocessorOptions: {
            scss: {
                additionalData: `@import "./src/styles/common.scss";`,
            }
        }
    }



common.scss文件内容:

html,
body,
ul {
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

a {
    text-decoration: none;
    outline: none;
}

ul {
    list-style-type: none;
}

p,h1,h2,h3,h4,h5,h6{
    margin: 0;
}

@mixin pageFont($fs, $c, $fw, $fa, $lh) {
    font-size: $fs;
    font-family: $fa;
    font-weight: $fw;
    color: $c;
    line-height: $lh;
}
转载请注明出处或者链接地址:https://www.qianduange.cn//article/14337.html
标签
sass
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!