I want to add a babel plugin inside create-react-app

Question

I want to add the following babel configuration in react-scripts I don't want to eject from cra I want to keep using it without ejecting. I see there is a way to fork the repo and add your custom configuration. But I want to know where exactly I can paste this.

// .babelrc or babel-loader option
{
  "plugins": [
    ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }] // `style: true` for less
  ]
}

Answer 1

There is, in theory, customize-cra, which lets you do things like override Babel plugins.

Here is a list of things you can do.

It doesn't appear to be maintained at time of writing, and for me didn't seem usable if your project is modules-based (ie import) as opposed to require.

CRA itself recommends forking their scripts as an alternative to ejecting, which is a pretty bold statement.