第一种配置方式

npm install style-resources-loader vue-cli-plugin-style-resources-loader less-loader less -S

// vue.config.js 文件配置
const path = require('path')
module.exports = {
    pluginOptions: {
      'style-resources-loader': {
        preProcessor: 'less',
        patterns: [
          path.resolve(__dirname,'./src/assets/common/common.less')
        ]
      }
    }
}

第二种配置方式

npm install style-resources-loader -D

// vue.config.js 配置
const path = require('path')
module.exports = {
    chainWebpack: config => {
		const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
		types.forEach(type =>{
			addStyleResource(config.module.rule('less').oneOf(type))
		})
	}
}
// add style resource
function addStyleResource (rule) {
	rule.use('style-resource')
		.loader('style-resources-loader')
		.options({
			patterns: [path.resolve(__dirname, './src/assets/common/common.less')]
		})
}

安装配置完之后，发现有报错信息，如下：

原因： less-loader安装的版本过高
解决方案：
1.npm uninstall less-loader
2.npm install less-loader@5.0.0