react-with-styles-interface-css-compiler

2.2.0 • Public • Published

react-with-styles-interface-css-compiler

Compiler for react-with-styles-interface-css that compiles CSS-in-js styles to generate a static CSS file.

Usage

Compile

The styles passed to withStyles in the source code are compiled to static CSS by the compileCSS function shown below. For convenience, a CLI wrapping compileCSS is provided.

Compile via CLI

Compile styles to CSS using the compile-css CLI.

  • Expects a relative or absolute path to the entry point source file of a React application
  • Automatically compiles the source file and its imported dependencies on the fly using the babel configuration present in the project if one exists
  • Outputs a stylesheet.css file containing the compiled CSS in the current working directory
Run the CLI via npm script (preferred):
{
  "scripts": {
    "build:css": "compile-css src/App.jsx"
  }
}
npm run build:css
Run the CLI directly:
./node_modules/.bin/compile-css src/App.jsx

Compile via library function

import compileCSS from 'react-with-styles-interface-css-compiler';
 
const entryPointFilePath = 'src/App.jsx';
// CSS is the minified CSS output
const CSS = compileCSS(entryPointFilePath);

Package Sidebar

Install

npm i react-with-styles-interface-css-compiler

Weekly Downloads

181

Version

2.2.0

License

MIT

Unpacked Size

53.7 kB

Total Files

22

Last publish

Collaborators

  • sharmilajesupaul
  • danbeam
  • brieb
  • airbnbeng
  • ljharb
  • majapw
  • noratarano