vue导入全局css_vue全局配置（引入全局方法样式、按需加载elementui）

一、全局引入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')

]

}

}

];