ps:项目已配置less,关于less配置不做多说
1.安装相关所需依赖包
npm install style-resources-loader vue-cli-plugin-style-resources-loader -D
2.添加全局less文件
3.设置vue.config.js
// 在暴露的配置对象添加如下配置
pluginOptions: {
'style-resources-loader': {
preProcessor: 'less',
patterns: [path.resolve(__dirname, "./src/assets/css/common.less")] // 引入全局样式变量
}
}
4.重启项目
使用如下