Reactjs 如何将.less合并到React项目中？

首先，我使用的是预先制作的React构建，来自：

到目前为止还不错。我正在尝试减少与应用程序的连接。我已按照这里的说明：

然而，我是新手，有太多的新文件让我无法真正理解。该示例有一个Webpack配置文件，但FB的原始版本没有。因此，我不能确切地确定我需要做什么才能在我的项目中添加更少的内容

例如，原始构建有

import'/App.css'在App.js文件中，但是我应该让这个“App.less”使用更少的代码，还是需要某种require语句

请列出所有需要存在/编辑的文件，以便我实现这一目标

（我想我会尝试从CSS开始，因为它已经起作用了，然后再转到less…）但是我需要用less来完成我的工作，所以我很乐意开始

顺便说一句，如果我能理解这些文件最简单的形式应该是什么样子，那将对我很有帮助

又名：
index.html-是否有一些结构位于此处，或者应该在我的App.js文件中将其全部写为JSX
 我必须自己做这件事。按照中的说明进行操作。使用
无节点chokidar
包进行修改似乎效果良好

我的package.json构建命令如下所示

"build-css": "node-less-chokidar src/ src/",
"watch-css": "node-less-chokidar src/ src/ --watch",
"start-js": "node scripts/start.js",
"start": "npm-run-all -p watch-css start-js",
"build": "npm run build-css && node scripts/build.js",

我不得不添加到我的.git中

# css preprocessing
src/**/*.css
src/**/*.map

补充@Shammoo的答案

您需要安装
warn add node less chokidar
和
warn add npm run all
或者如果您使用的是npm，
npm i node less chokidar
和
npm i npm run all
将@Shammoo的答案添加到.gitignore文件中：
src/***.css src/***.map
添加脚本
我的脚本有点不同，因为我没有从Create react应用程序中弹出：

  "start": "npm run build-css && run-p -ncr watch-css start-js",
  "start-js": "react-scripts start",

  "build": "run-s -n build-css build-js",
  "build-js": "react-scripts build",

  "test": "run-s -n build-css test-js",
  "test-js": "react-scripts test --env=jsdom",

  "build-css": "node-less-chokidar src",
  "watch-css": "node-less-chokidar src --watch"

将css文件导入组件：
import./index.css'。您可以使用.css，因为脚本会将较少的文件转换为css

少用！导入文件：
@import./logo.less”、制作嵌套CSS等

您只需要更新webpack.config.js并在加载程序中添加较少的加载程序，因为这将有助于运行较少的模块