webpack中使用less-loader加载器处理less文件的步骤

1、安装less-loader加载器
运行命令：npm i style-loader css-loader less-loader@4 less@4 -D
注意：less-loader依赖less，且他们之间有兼容问题，所以lee-loader的版本必须和less的版本相同或低于less的版本，否则报错。
凡是插件（包）之间有依赖关系，依赖方的版本号（大版本）须同被依赖方或低于被依赖方，否则报错。如果依赖方版本高于被依赖方，依赖方中有的变量在被依赖方找不到，就会报错。
2、在webpack.config.js文件中的module对象中的rules数组中配置less-loader规则

module{
	rules:[{
		test:/\.less$/,use:['style-loader','css-loader','less-loader']
		}
	]
}

注意：
（1）use中的loader的配置顺序是固定的
（2）多个loader的调用顺序是：从后往前调用