vue cli4 配置 stylus全局变量使用

// vue.config.js

module.exports = {

// 配置使用stylus全局变量

chainWebpack:config=>{

consttypes = ["vue-modules","vue","normal-modules","normal"];

types.forEach(type=>

addStyleResource(config.module.rule("stylus").oneOf(type))

    );

  }

}

// 定义函数addStyleResource

functionaddStyleResource(rule){

  rule

.use("style-resource")

.loader("style-resources-loader")

    .options({

patterns: [path.resolve(__dirname,"./src/styles/common.styl")]//后面的路径改成你自己放公共stylus变量的路径

    });

}

common.styl是定义的公共css

创建的项目默认是没有vue.config.js文件的，需要自己在项目根目录创建。