Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Lightning CSS integration for Vite, Rollup, esbuild, Webpack, Vue CLI, and more.

License

NotificationsYou must be signed in to change notification settings

unplugin/unplugin-lightningcss

npm versionnpm downloadsJSRUnit Test

Lightning CSS integration for Vite, Rollup, esbuild, Webpack, Vue CLI, and more.

Installation

npm i -D unplugin-lightningcss
Vite
// vite.config.tsimportLightningCSSfrom'unplugin-lightningcss/vite'exportdefaultdefineConfig({plugins:[LightningCSS()],})


Rollup

Since Rollup does not support CSS out of the box, you need to use a CSS plugin likerollup-plugin-css-only.

// rollup.config.jsimportcssfrom'rollup-plugin-css-only'importLightningCSSfrom'unplugin-lightningcss/rollup'exportdefault{plugins:[LightningCSS(),css()],}


esbuild
// esbuild.config.jsimport{build}from'esbuild'build({plugins:[require('unplugin-lightningcss/esbuild')()],})


Webpack
// webpack.config.jsmodule.exports={/* ... */plugins:[require('unplugin-lightningcss/webpack')()],}


Options

import{Features}from'lightningcss'exportdefault{plugins:[LightningCSS({options:{include:Features.Nesting,},/**       * Whether to export the transformed CSS as a default string export.       *@default false       */asString:false,}),],}

Sponsors

License

MIT License © 2023-PRESENTKevin Deng

About

Lightning CSS integration for Vite, Rollup, esbuild, Webpack, Vue CLI, and more.

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Sponsor this project

 

Contributors5

[8]ページ先頭
©2009-2025 Movatter.jp