react如何添加less环境配置.docx

第

react如何添加less环境配置

目录1.安装less2.找到node_modules文件夹里react-scripts/config/webpack.config.js3.然后往下翻代码到下图4.在src目录下创建一个less文件，里面写样式5.引入6.如果启动报错如下，就说明less-loader版本太高7.解决方案，修改less-loader版本，大概6.0.0就好了

1.安装less

npminstallless-loaderless--save-dev

2.找到node_modules文件夹里react-scripts/config/webpack.config.js

在这个下面添加less相关配置

constlessRegex=/\.less$/;

constlessModuleRegex=/\.module\.less$/;

3.然后往下翻代码到下图

在这段代码下面加

{

test:lessRegex,

exclude:sassModuleRegex,

use:getStyleLoaders(

importLoaders:2,

sourceMap:isEnvProductionshouldUseSourceMap,

less-loader

sideEffects:true,

test:lessModuleRegex,

use:getStyleLoaders(

importLoaders:2,

sourceMap:isEnvProductionshouldUseSourceMap,

modules:true,

getLocalIdent:getCSSModuleLocalIdent,

less-loader

},

4.在src目录下创建一个less文件，里面写样式

5.引入

6.如果启动报错如下，就说明less-loader版本太高

7.解决方案，修改less-loader版本，大概6.0.0就好了

npminstallless-loader@6.0.0