vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue3项目中配置sass,vite报错Undefined mixin

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

作者: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

原因

总结

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

您可能感兴趣的文章:
阅读全文