vue3项目中配置sass，vite报错Undefined mixin

vite报错[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xYN55E4l-1657111448095)(https://upload-images.jianshu.io/upload_images/20274104-a35eeb8fa53c8afa.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]是因

qq_41419473

7898人浏览 · 2022-07-06 20:45:02

qq_41419473 · 2022-07-06 20:45:02 发布

vite报错

报错代码

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

在vite.config.ts配置

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