vue2项目中全局引入scss变量

一，设置好变量文件二，设置vue.config.js中的配置devServer: {...},css: {loaderOptions: {sass: {prependData: `@import "@/assets/style/common.scss";`}}},三，重启项目即可

笑道三千

2846人浏览 · 2022-03-13 14:42:51

笑道三千 · 2022-03-13 14:42:51 发布

一，设置好变量文件

在这里插入图片描述

二，设置vue.config.js中的配置

devServer: {
   ...
  },
  css: {
    loaderOptions: {
      sass: {
        prependData: `@import "@/assets/style/common.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}$/, //不连续的两位字母// /^