craco-linaria

A craco plugin to use Linaria v3 zero-runtime CSS in JS library in a Create React App.

Installation

First, follow craco's installation instructions.

Then, install craco-linaria and Linaria v3:

$ yarn add -D craco-linaria @linaria/core @linaria/babel-preset @linaria/webpack-loader

// or

$ npm install --save-dev craco-linaria @linaria/core @linaria/babel-preset @linaria/webpack-loader

Usage

/* craco.config.js */
const CracoLinariaPlugin = require('craco-linaria')

module.exports = {
  plugins: [
    {
      plugin: CracoLinariaPlugin,
      options: {
        // Linaria options
      },
    },
  ],
}

You can specify Linaria options inline (as above) or it will be picked up from any of the supported configuration paths.

Git Ignore

This plugin stores Linaria cache in src/.linaria_cache, so you might want to add that path to your .gitignore file.