一、全局引入css样式
// 文件目录:
/src/assets/styles/reset.less
/src/assets/styles/common.less
// 引用:app.vue
@import '~@/assets/styles/reset.less';
@import '~@/assets/styles/common.less';
二、全局引入公共变量
cssLoaders中新增lessResourceLoader函数
修改return中less: generateLoaders('less')改为less: lessResourceLoader()
将全局less文件引入resources参数中
// 文件目录
/src/assets/styles/variables.less
// 配置
目录:/build/utils.js
function lessResourceLoader(){
var loaders = [
cssLoader,
'less-loader',
{
loader: 'sass-resources-loader',
options: {
resources: [
// 配置全局公共变量
path.resolve(__dirname, '../src/assets/styles/variables.less')
]
}
}
];