Not a Propaganda Machine

    rollup-plugin-css-only
    DefinitelyTyped icon, indicating that this package has TypeScript declarations provided by the separate @types/rollup-plugin-css-only package

    4.3.0 • Public • Published

    Rollup plugin that bundles imported css

    Software License Issues JavaScript Style Guide NPM Latest Version

    Features

    • CSS is emitted as 1 asset
    • Order of imports is guaranteed
    • Watches CSS imports
    • Typescript types

    Installation

    # v4 is compatible with Rollup 3 & 2
    npm install --save-dev rollup-plugin-css-only
    

    Usage

    // rollup.config.js
    import css from 'rollup-plugin-css-only'
    
    export default {
      input: 'input.js',
      output: {
        file: 'output.js',
        format: 'es',
        assetFileNames: 'assets/[name]-[hash][extname]'
      },
      plugins: [css()]
    }
    // entry.js
    import './reset.css'
    import './layout.css'
    /* layout.css */
    @import './nested.css';
    @import './more.css';

    Options

    There is 1 option: output.
    By default the plugin will use output.assetFileNames to decide the filename.

    css({
      // Optional: filename to write all styles to
      output: 'bundle.css'
    })

    Changelog

    Please see CHANGELOG for more information what has changed recently.

    Contributing

    Contributions and feedback are very welcome.

    To get it running:

    1. Clone the project.
    2. npm install
    3. npm run build

    Credits

    License

    The MIT License (MIT). Please see License File for more information.

    Install

    npm i rollup-plugin-css-only

    DownloadsWeekly Downloads

    29,756

    Version

    4.3.0

    License

    MIT

    Unpacked Size

    11.1 kB

    Total Files

    5

    Last publish

    Collaborators

    • thgh