React中配置less
安装less
npm install less-loader less --save-dev
查找 node_modules 下面的react-scripts/config/webpack.config.js
上面两行代码放在
接着ctrl+f查找这个sassModuleRegex 放在这段注释的上面
const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;
{
test: lessRegex,
exclude: sassModuleRegex,
use: getStyleLoaders(
{
importLoaders: 2,
sourceMap: isEnvProduction && shouldUseSourceMap,
},
'less-loader'
),
sideEffects: true,
},
{
test: lessModuleRegex,
use: getStyleLoaders(
{
importLoaders: 2,
sourceMap: isEnvProduction && shouldUseSourceMap,
modules: true,
getLocalIdent: getCSSModuleLocalIdent,
},
'less-loader'
),
},
配置less报错修改TypeError: this.getOptions is not a function
是因为less-loder版本过高,安装下旧版本
// 卸载
npm uninstall --save less-loader
// 安装
npm install -D less-loader@7.x