vue2.0-cli stylus变量无法全局访问，求指导

Question

项目用的vue2.0-cli & stylus
做了一个公共样式文件 main.styl 里面定义了一些基础变量

/** 类似这样的基本变量 **/
ytColorPrimary = #79bc2b
ytColorSuccess = #13ce66
ytColorWarning = #f7ba2a
ytColorDanger = #ff4949
ytColorInfo = #50bfff

但是在组件中无法访问，求高人指点～

Answer 1

在build/utils.js的generateLoaders方法下做如下修改

    var stylusOptions = {
        import: [
            path.join(__dirname, "../src/common/variables.styl"), // variables.styl全局变量文件
        ],
        paths: [
            path.join(__dirname, "../src/common/"),
            path.join(__dirname, "../"),
        ],
    }
    return {
        css: generateLoaders(),
        postcss: generateLoaders(),
        less: generateLoaders('less'),
        sass: generateLoaders('sass', { indentedSyntax: true }),
        scss: generateLoaders('sass'),
        stylus: generateLoaders('stylus', stylusOptions),
        styl: generateLoaders('stylus', stylusOptions),
    }

Answer 2

你需要在组件中@import写了这些mixin的文件。
如：

@import "../../common/stylus/mixin.styl"

Answer 3

这个赋值var stylusOptions应该放在exports.cssLoaders这个方法下，不然作用域无法生效