Lightning CSS integration for Vite, Rollup, esbuild, Webpack, Vue CLI, and more.
npm i -D unplugin-lightningcss
Vite
// vite.config.ts
import LightningCSS from 'unplugin-lightningcss/vite'
export default defineConfig({
plugins: [LightningCSS()],
})
Rollup
// rollup.config.js
import LightningCSS from 'unplugin-lightningcss/rollup'
export default {
plugins: [LightningCSS()],
}
esbuild
// esbuild.config.js
import { build } from 'esbuild'
build({
plugins: [require('unplugin-lightningcss/esbuild')()],
})
Webpack
// webpack.config.js
module.exports = {
/* ... */
plugins: [require('unplugin-lightningcss/webpack')()],
}