Skip to content

Commit 3bfb9ee

Browse files
authored
feat(vite): add vite support (#70)
* feat(vite): add vite support * style: lint * docs: changeset * chore: update browserslist * test(vite): update goldens
1 parent d27e0ef commit 3bfb9ee

23 files changed

Lines changed: 1713 additions & 45 deletions

.changeset/vite-plugin-lit-css.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
---
2+
"vite-plugin-lit-css": minor
3+
---
4+
5+
Add Vite plugin for importing CSS files as Lit tagged template literals
6+
7+
This new package provides a Vite plugin that transforms CSS imports into Lit's `css` tagged template literals, enabling seamless CSS-in-JS workflow for Lit components in Vite projects.
8+
9+
Features:
10+
- Works with both Vite dev server and build modes
11+
- Supports virtual module system for proper module resolution
12+
- Handles bare specifiers, relative paths, and aliases via Vite's resolution system
13+
- Compatible with multiple CSS preprocessor extensions (`.css`, `.scss`, `.sass`, `.less`, `.styl`)
14+
- Leverages the core `@pwrs/lit-css` transform library

README.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,8 @@ In the mean time, enjoy importing your CSS into your component files.
2525

2626
- [Shared Logic](./packages/lit-css)
2727
- [esbuild](./packages/esbuild-plugin-lit-css)
28-
- [Webpack](./packages/lit-css-loader)
28+
- [TypeScript](./packages/typescript-transform-lit-css)
2929
- [Rollup](./packages/rollup-plugin-lit-css)
30+
- [Webpack](./packages/lit-css-loader)
31+
- [Vite](./packages/vite-plugin-lit-css)
3032
- [Parcel](./packages/parcel-transformer-lit-css)
31-
- [TypeScript](./packages/typescript-transform-lit-css)

0 commit comments

Comments
 (0)