第一步：安装
终端执行命令：npm install less less-loader或者yarn add less less-loader
第二步：找webpack.config.js
项目里有webpack.config.js，那是很妙啊
如果没有执行那就下面几条命令??
git add .
git commit -m 'xx'
yarn eject
生成config.js文件夹，在里面找到webpack.config.js文件。
第三步：在webpack.config.js中添加设置
第一处：
const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;
?第二处：
第三处：
?{
? ? loader: require.resolve('less-loader'),
? ? options: lessOptions,
?},
?第四处：
{
test: lessRegex,
exclude: cssModuleRegex,
use: getStyleLoaders({
importLoaders: 1,
sourceMap: isEnvProduction && shouldUseSourceMap,
}),
sideEffects: true,
},
{
test: lessModuleRegex,
use: getStyleLoaders({
importLoaders: 1,
sourceMap: isEnvProduction && shouldUseSourceMap,
modules: true,
getLocalIdent: getCSSModuleLocalIdent,
}),
},
?就这样，把之前css后缀的文件名改为less，样式也能生效啦👍