bun-lightningcss
v0.2.0
Published
[Lightning CSS](https://lightningcss.dev/) plugin for Bun with full support for [class composition](https://lightningcss.dev/css-modules.html#class-composition).
Downloads
2,867
Readme
bun-lightningcss
Lightning CSS plugin for Bun with full support for class composition.
Install
bun install -d bun-lightningcss
Usage
import lightningcss from 'bun-lightningcss'
await Bun.build({
entrypoints: ['./index.tsx'],
outdir: './dist',
plugins: [lightningcss()],
})
Say you have a app.module.css
file...
.bg-indigo {
background: indigo;
}
.container {
/* https://lightningcss.dev/css-modules.html#class-composition */
composes: bg-indigo;
color: white;
}
Import and use it like so
import styles from './app.module.css'
export default function App() {
return (
<div className={styles.container}>
Hello, Bun!
</div>
)
}
TypeScript Shim
Add the following to your .d.ts file:
declare module '*.module.css' {
const styles: {
readonly [key: string]: string
}
export default styles
}
License
MIT