https://github.com/wobsoriano/bun-lightningcss

Lightning CSS plugin for Bun with class composition support.
https://github.com/wobsoriano/bun-lightningcss

bun css

Last synced: about 2 months ago
JSON representation

Lightning CSS plugin for Bun with class composition support.

• Host: GitHub
• URL: https://github.com/wobsoriano/bun-lightningcss
• Owner: wobsoriano
• License: mit
• Created: 2023-08-05T02:38:54.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-09T22:02:38.000Z (about 1 year ago)
• Last Synced: 2024-07-10T10:59:21.845Z (2 months ago)
• Topics: bun, css
• Language: TypeScript
• Homepage:
• Size: 229 KB
• Stars: 25
• Watchers: 2
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# bun-lightningcss

[Lightning CSS](https://lightningcss.dev/) plugin for Bun with full support for [class composition](https://lightningcss.dev/css-modules.html#class-composition).

## Install

```bash

bun install -d bun-lightningcss

```

## Usage

```ts

import lightningcss from 'bun-lightningcss'

await Bun.build({

  entrypoints: ['./index.tsx'],

  outdir: './dist',

  plugins: [lightningcss()],

})

```

Say you have a `app.module.css` file...

```css

.bg-indigo {

  background: indigo;

}

.container {

  /* https://lightningcss.dev/css-modules.html#class-composition */

  composes: bg-indigo;

  color: white;

}

```

Import and use it like so

```tsx

import styles from './app.module.css'

export default function App() {

  return (

    


      Hello, Bun!

    

  )

}

```


## TypeScript Shim

Add the following to your .d.ts file:

```ts

declare module '*.module.css' {

  const styles: {

    readonly [key: string]: string

  }

  export default styles

}

```

## License

MIT