react脚手架中引入less

刚开始目录结构

第一步：暴露webpack配置文件

npm run eject //文件结构如下：

第二步：重新安装依赖

npm install

第三步：安装less和less-loader

npm i less -D
npm i less-loader -D

第四步:修改webpack.config.js配置

• 4.1增加以下代码：

    const lessRegex = /\.less$/;
    const lessModuleRegex = /\.module\.less$/;
  

• 4.2搜索sassRegex，找到并复制一份，粘贴后进行修改

  

• 4.3搜索sassModuleRegex，找到并复制一份，粘贴后进行修改

  

最后：保存修改就可以在js文件中使用less文件了