Vue如何全局配置less

Vue项目怎么全局的配置less

第一步：安装less和less-loader

	npm install less less-loader --save

第二步：

在vue.config.js里边加上这行代码

	pluginOptions: {
        'style-resources-loader': {
            preProcessor: 'less',
            patterns: [
                path.resolve(__dirname, './src/assets/style/common.less')
            ]
        }
    }

第三步在common.less文件里定义你的方法然后就可以全局引用了

.boxSize(@width,@height:0,@lineHeight:none){
    width:@width;
    height:@height;
    line-height: @lineHeight;
}