在vuecli3怎么设置全局公用的样式变量？

配置在文件vue.config.js里进行配置module.exports = {css: {// 不用在每一个页面都进行引入样式，就能直接引用。loaderOptions: {sass: {prependData: `@import '@/assets/scss/variables.scss';`}}}}...

凯小默

3482人浏览 · 2020-06-12 12:57:40

凯小默 · 2020-06-12 12:57:40 发布

配置

在文件vue.config.js里进行配置

module.exports = {
  css: {
    // 不用在每一个页面都进行引入样式，就能直接引用。
    loaderOptions: {
      sass: {
        prependData: `@import '@/assets/scss/variables.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}$/, //不连续的两位字母// /^