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

6450人浏览 · 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 *;`,
      },
    },
  },

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^