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

原因

总结

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

您可能感兴趣的文章:

VUE3中实现拖拽与缩放自定义看板vue-grid-layout详解
想实现桌面自由拖拽布局的效果,找到了vue-grid-layout栅格布局插件,可以完美解决,下面这篇文章主要给大家介绍了关于VUE3中实现拖拽与缩放自定义看板vue-grid-layout的相关资料,需要的朋友可以参考下
2023-02-02
深入探究Vue2响应式原理的实现及存在的缺陷
Vue的响应式数据机制是其核心特性之一,它能够自动追踪数据的变化,并实时更新相关的视图,然而,Vue2中的响应式数据机制并非完美无缺,本文将探讨Vue2响应式原理及其存在的缺陷
2023-08-08
vue 全选与反选的实现方法(无Bug 新手看过来)
下面小编就为大家分享一篇vue 全选与反选的实现方法(无Bug 新手看过来)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-02-02
vue项目的html如何引进public里面的js文件
这篇文章主要介绍了vue项目的html如何引进public里面的js文件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-12-12
vue中el-date-picker限制选择7天内&禁止内框选择
项目中需要选择时间范围,并且只能选择当前日期之后的七天,本文就来介绍了vue中el-date-picker限制选择7天内&禁止内框选择,具有一定的参考价值,感兴趣的可以了解一下
2023-12-12
Vue全局事件总线你了解吗
这篇文章主要为大家详细介绍了Vue全局事件总线，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2022-02-02
vue2.0 自定义组件的方法（vue组件的封装）
这篇文章主要介绍了vue2.0 自定义组件的方法（vue组件的封装）,本文通过实例代码相结合的形式给大家介绍的非常详细，需要的朋友可以参考下
2018-06-06
vue组件命名和props命名代码详解
在本篇内容里小编给大家讲的是关于vue组件命名和props命名的相关知识点内容，有兴趣的朋友们可以学习下。
2019-09-09
vue 获取url参数、get参数返回数组的操作
这篇文章主要介绍了vue 获取url参数、get参数返回数组的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-11-11
vue2.0实现检测无用的代码并删除
这篇文章主要介绍了vue2.0实现检测无用的代码并删除方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-07-07