CRA脚手架下添加less支持

首先下载less依赖：npm install less less-loader --save

然后暴露配置文件：yarn eject 或者 npm run eject

暴露配置时如果出现“Remove untracked files, stash or commit any changes, and try again.”错误，需要在终端使用git add . 然后git -m commit “up”

然后再执行 yarn eject

这时就可以修改webpack.config.js文件

首先修改constcssRegex和constcssModuleRegex：

constcssRegex =/\.(css|less)$/;//增加less
constcssModuleRegex =/\.module\.(css|less)$/;

然后再添加："less-loader"

{ 
 test: cssRegex, 
 exclude: cssModuleRegex, 
 use: getStyleLoaders({
 importLoaders:2,// 改成2
modules:true,//使用模块方式访问样式
sourceMap: isEnvProduction && shouldUseSourceMap
 },
"less-loader"//增加loader
),
sideEffects:true
}