// 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文件的，需要自己在项目根目录创建。
网友评论