Lightning CSS integration for Vite, Rollup, esbuild, Webpack, Vue CLI, and more.
npm i -D unplugin-lightningcssVite
// 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')()],
}import { Features } from 'lightningcss'
export default {
plugins: [
LightningCSS({
options: {
include: Features.Nesting,
},
}),
],
}
