Compiler for react-with-styles-interface-css that compiles CSS-in-js styles to generate a static CSS file.
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 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
{
"scripts": {
"build:css": "compile-css src/App.jsx"
}
}
npm run build:css
./node_modules/.bin/compile-css src/App.jsx
import compileCSS from 'react-with-styles-interface-css-compiler';
const entryPointFilePath = 'src/App.jsx';
// CSS is the minified CSS output
const CSS = compileCSS(entryPointFilePath);