记录vite引入sass预编译报错error during build: [vite:css] [sass] Undefined variable.问题

vite.config.ts

javascript 复制代码
resolve: {
  alias: {
      '@': path.resolve(__dirname, 'src'),
    },
  },
  css: {
    // css预处理器
    preprocessorOptions: {
      scss: {
        additionalData: @use "@/assets/styles/block.scss" as *;,
      }
    }
  },

block.scss

javascript 复制代码
$colorGreen: #00ff00;

index.vue

javascript 复制代码
:v-deep .font-size-14{
  color: $colorGreen;
}

"vite": "^6.2.0", "sass": "^1.86.0"

报错error during build:

vite:css\] \[sass\] Undefined variable. ╷ color: $colorGreen; │ \^\^\^\^\^\^\^\^\^\^\^ **经过测试必须把"sass":降到 v"1.69.5",然后vite和页面引入的scss 都改为import** 加粗样式\*\*\*\* ![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/dc75462075ab4a5aa9b83dc7bd4865f4.png) ![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/733518a0eb514899be645a5b3a9f2738.png)

相关推荐
paopaokaka_luck15 分钟前
基于SpringBoot+Uniapp的健身饮食小程序(协同过滤算法、地图组件)
前端·javascript·vue.js·spring boot·后端·小程序·uni-app
患得患失9491 小时前
【前端】【vscode】【.vscode/settings.json】为单个项目配置自动格式化和开发环境
前端·vscode·json
飛_1 小时前
解决VSCode无法加载Json架构问题
java·服务器·前端
YGY Webgis糕手之路3 小时前
OpenLayers 综合案例-轨迹回放
前端·经验分享·笔记·vue·web
90后的晨仔4 小时前
🚨XSS 攻击全解:什么是跨站脚本攻击?前端如何防御?
前端·vue.js
Ares-Wang4 小时前
JavaScript》》JS》 Var、Let、Const 大总结
开发语言·前端·javascript
90后的晨仔4 小时前
Vue 模板语法完全指南:从插值表达式到动态指令,彻底搞懂 Vue 模板语言
前端·vue.js
德育处主任4 小时前
p5.js 正方形square的基础用法
前端·数据可视化·canvas
烛阴4 小时前
Mix - Bilinear Interpolation
前端·webgl
90后的晨仔4 小时前
Vue 3 应用实例详解:从 createApp 到 mount,你真正掌握了吗?
前端·vue.js