Nerdy People Matriculate

    @cxing/vitejs-plugin-inject-css

    0.0.2 • Public • Published

    @cxing/vitejs-plugin-inject-css

    A plugin for ViteJs library builds to inject css modules.

    By default Vite will already compile CSS modules. But, when building libraries, it does not inject those styles with your components like a standard Rollup build would do. This will add that style injection into your bundled library code.

    Install

    npm install @cxing/vitejs-plugin-inject-css
    

    Usage

    In your vite.config.js:

    import path from 'path';
    import { defineConfig } from 'vite';
    import react from '@vitejs/plugin-react';
    import injectCss from '@cxing/vitejs-plugin-inject-css';
    
    const isExternal = (id) => !id.startsWith('.') && !path.isAbsolute(id);
    
    export default defineConfig({
      plugins: [react(), injectCss()],
      build: {
        sourcemap: true,
        lib: {
          entry: path.resolve(__dirname, 'src/index.js'),
          name: 'myLibrary',
          formats: ['es'],
          fileName: (format) => `my-library.${format}.js`,
        },
        rollupOptions: {
          external: isExternal,
        },
      },
    });

    Support Us

    Did this help you? Help further our Open Source development and buy us a cup of coffee.

    ko-fi

    Cutter's Crossing

    Install

    npm i @cxing/vitejs-plugin-inject-css

    DownloadsWeekly Downloads

    33

    Version

    0.0.2

    License

    MIT

    Unpacked Size

    301 kB

    Total Files

    6

    Last publish

    Collaborators

    • cutterbl