A simple way to help create-react-app work with less ?

I read the User Guide about Adding a CSS Preprocessor (Sass, Less etc.), but it did not say anything about how to use less with create-react-app.

Less is very popular in china, if I do eject and add less-loader into webpack config file, I will get trouble when I want to upgrade react-scripts.

So I implemented A tool to help me about what node-sass-chokidar do at the User Guide. But I still want create-react-app have a way could let it work like less-loader. it can give us the best development experience.

Could you add a feature like plugins, user can add some items in package.json and let react-scripts work with less or sass like Configuring a WebSocket Proxy

e.g.(package.json)

  {
    "css": {
      "preprocess": "less"
    }
  }

My english is not good enough 😦

[DanielBadan]

This is what my usage with less looks like, hope it helps.

[ryouaki]

I had make a npm package for create-react-app work with less. react-less-watcher

It works like node-sass-chokidar.