vue3项目中配置sass,vite报错Undefined mixin问题

更新时间：2024年02月08日 16:23:02 作者：qq_41419473

这篇文章主要介绍了vue3项目中配置sass,vite报错Undefined mixin问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vue3项目配置sass,vite报错Undefined mixin

vite报错

报错代码

是因为scss的内置语法需要预编译。

在vite.config.ts配置

css: {
    preprocessorOptions: {
      // 导入scss预编译程序
      scss: {
        additionalData: `@use "@/styles/modules/mixin.scss" as *;`,
      },
    },
  },

这样就可以使用mixin.scss中的混淆变量了

在Vite和Vue3项目中使用和配置sass

怎么在vue3项目中使用sass作为css预处理器。

代码

直接安装sass就可以了，其他的都不用配置。

npm i sass -D

原因

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

详解在Vue中通过自定义指令获取dom元素
本篇文章主要介绍了详解在Vue中通过自定义指令获取dom元素，具有一定的参考价值，有兴趣的可以了解一下。
2017-03-03
element的el-table自定义最后一行的实现代码
最后一行要显示一些其他结果,用的是element ui 自带的数据总计的属性；返回一个数组,会按下标进行展示,这篇文章主要介绍了element的el-table自定义最后一行的实现代码,需要的朋友可以参考下
2024-03-03
Vue3 AST解析器-源码解析
这篇文章我们从 ast 生成时调用的 baseParse 函数分析，再到 baseParse 返回 createRoot 的调用结果，一直到细化的讲解了 parseChildren 解析子节点函数中的其中某一个具体解析器的执行过程。最后通过一个简单模板举例,需要的朋友可以参考下
2021-09-09
使用Vue生成动态表单的示例代码
这篇文章主要为大家详细介绍了如何使用Vue生成动态表单,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以跟随小编一起学习一下
2024-03-03
Element实现表格嵌套、多个表格共用一个表头的方法
这篇文章主要介绍了Element实现表格嵌套、多个表格共用一个表头的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-05-05
Vue单页面应用中实现Markdown渲染
这篇文章主要介绍了Vue单页面应用中如何实现Markdown渲染，帮助大家更好的理解和使用vue，感兴趣的朋友可以了解下
2021-02-02
通过Vue+axios获取接口数据的示例详解
这篇文章主要介绍了Vue结合axios获取笑话接口数据的示例,重点讲解axios的特性、使用方法及请求方式,演示如何通过get方法获取数据并展示,同时解决this指向问题,感兴趣的小伙伴跟着小编一起来看看吧
2025-08-08
解决vue路由组件vue-router实例被复用问题
这篇文章介绍了解决vue路由组件vue-router实例被复用的问题，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-06-06
element select必填项验证回显问题的解决
本文主要介绍了element select必填项验证回显问题的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-04-04
defineProperty和Proxy基础功能及性能对比
这篇文章主要为大家介绍了defineProperty和Proxy基础功能及性能对比，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-08-08