reactjs – 如何将.less纳入React项目？

首先,我使用的是预制的React版本： https://github.com/facebookincubator/create-react-app#create-react-app-

到目前为止一切都很好.我正在尝试将LESS连接到应用程序.我按照这里的说明操作：http://jamesknelson.com/webpack-made-simple-build-es6-less-with-autorefresh-in-26-lines/

但是我是新手,并且有太多新文件供我真正理解.该示例有一个Webpack Config文件,但FB的原始版本没有.因此,我不确定我需要做些什么才能将少量添加到我的项目中.

例如,原始构建具有导入’./App.css’;在App.js文件中,但是我应该使用“App.less”来减少工作量,还是需要某种require语句？

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

(我想我将尝试从CSS开始,因为它已经有效,然后转移到较少的时间……)但是我需要与Less一起工作,因此我很乐意开始使用它.

附：实际上对我来说理解文件应该以最简单的形式显示是有帮助的.

又名：
index.html – 某个结构是否位于此处,还是应该在我的App.js文件中将其全部写为JSX？

我必须自己做这件事.遵循 create-web-app documentation中的说明.使用node-less-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",

我不得不加入我的.gitignore

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