关于 stylus的全局变量的配置

1,371 阅读1分钟

如何在vue项目当中在每个组件中都能使用stylus定义的变量(比如基准值)

方法:主要是在build/utils的配置文件的cssLoaders函数中

    import:[
      path.join(__dirname, "../src/common/variables.styl")
    ],
    paths:[
      path.join(__dirname, "../src/common/"),
      path.join(__dirname, "../")
    ]
  }
  // https://vue-loader.vuejs.org/en/configurations/extract-css.html
  return {
    css: generateLoaders(),
    postcss: generateLoaders(),
    less: generateLoaders('less'),
    sass: generateLoaders('sass', { indentedSyntax: true }),
    scss: generateLoaders('sass'),
    stylus: generateLoaders('stylus', stylusOptions),
    styl: generateLoaders('stylus', stylusOptions)
  }