Linaria: How to use Linaria in create react app 2

[krvikash35]

Do you want to request a feature or report a bug?
Its not a bug or feature but it would be great if it mentioned somewhere on how to use it with create react app.

what configuration need to be changed in order to make it work with create-react-app.
I tried whatever babel preset config was mentioned with craco but I was getting error like below.

Error: Using the "css" tag in runtime is not supported. Make sure you have set up the Babel plugin correctly.

Currently, I am using create-react-app2(with inbuilt typescript support) with craco to provide customised config if create-react-app does not support any thing by default.

[satya164]

Linaria requires a webpack loader, so it won't work without ejecting from CRA as CRA doesn't allow you to customize the webpack config.

See https://github.com/callstack/linaria/blob/master/docs/BUNDLERS_INTEGRATION.md#webpack for the setup instructions.

[Hotell]

what about providing babel macro to prevent ejecting ?

[satya164]

A babel macro will provide very bad UX. See my comments here.

Maybe it'll be nice if someone publishes react-scripts-linaria which we can link to in our docs.

[Hotell]

thanks for the link to former issue!

Maybe it'll be nice if someone publishes react-scripts-linaria which we can link to in our docs.

Yeah that makes

[drownbes]

@sysleaf Check this: https://github.com/drownbes/linaria-cra . I've set up cra with linaria using craco

[jedmao]

Thanks @drownbes! I just converted it into a craco plugin.