vue-cli3.x怎么合理使用less继承

Question

如果是全局变量或者mixin可以使用style-resources-loader进行设置

function addStyleResource(rule) {
    rule.use('style-resource')
        .loader('style-resources-loader')
        .options({
            patterns: [
                path.resolve(__dirname, 'src/assets/css/extend.less')
            ]
        })
}
module.exports = {
    publicPath:'./',
    productionSourceMap:false,
    chainWebpack: config => {
        const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
        types.forEach(type => addStyleResource(config.module.rule('less').oneOf(type)))
       
    }
}

如果是全局继承的class使用上面的代码会出现每个<style type="text/css">都会加入全局继承的class

不同的less文件中，之前的方式是通过@import (reference) 引入需要继承class的css文件，再进行less继承引入，每一次less都要写一次太麻烦了，想问下大神vue-cli3.x有没有更好的解决方案？