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);

    Install

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

    DownloadsWeekly Downloads

    218

    Version

    2.2.0

    License

    MIT

    Unpacked Size

    53.7 kB

    Total Files

    22

    Last publish

    Collaborators

    • noratarano
    • etienne_tripier
    • lencioni
    • airbnbeng
    • ljharb
    • majapw