【react】在react中使用less

在用create-react-app搭建react app的时候，原生并不支持less，只支持css。不过create-react-app官方给了一种方法使用less，供以后开发时参考。

步骤：

1、主要利用了node-less-chokidar 这个库
首先导入node-less-chokidar 和 npm-run-all 这两个库

npm install node-less-chokidar --save-dev

npm install npm-run-all --save-dev

2、引入库后，修改package.json
（主要加入这两个库就OK）

 "dependencies": {
    "build-css": "node-less-chokidar src",
    "watch-css": "node-less-chokidar src --watch"
  },
  "scripts": {
    "node-less-chokidar": "^0.3.0",
    "npm-run-all": "^4.1.3"
  },

3、最后在终端运行 npm start 即可

注意：这个库的原理是，在执行 create-react-app 之前，就把less编译成CSS并放在同级的文件夹里面。直接引入即可。

import './xiaojiejie.css'