Skip to content

feat(vite): add vite support #70

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
bennypowers merged 6 commits into from
Mar 1, 2026
Merged

feat(vite): add vite support #70

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
6f7f563
feat(vite): add vite support
bennypowers Nov 3, 2025
d421008
style: lint
bennypowers Nov 3, 2025
30cb557
docs: changeset
bennypowers Nov 3, 2025
2340d36
chore: update browserslist
bennypowers Nov 3, 2025
cc8320c
test(vite): update goldens
bennypowers Nov 3, 2025
45991d3
Merge branch 'main' into feat/vite
bennypowers Mar 1, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 14 additions & 0 deletions .changeset/vite-plugin-lit-css.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
---
"vite-plugin-lit-css": minor
---

Add Vite plugin for importing CSS files as Lit tagged template literals

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.

Features:
- Works with both Vite dev server and build modes
- Supports virtual module system for proper module resolution
- Handles bare specifiers, relative paths, and aliases via Vite's resolution system
- Compatible with multiple CSS preprocessor extensions (`.css`, `.scss`, `.sass`, `.less`, `.styl`)
- Leverages the core `@pwrs/lit-css` transform library
5 changes: 3 additions & 2 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,8 @@ In the mean time, enjoy importing your CSS into your component files.

- [Shared Logic](./packages/lit-css)
- [esbuild](./packages/esbuild-plugin-lit-css)
- [Webpack](./packages/lit-css-loader)
- [TypeScript](./packages/typescript-transform-lit-css)
- [Rollup](./packages/rollup-plugin-lit-css)
- [Webpack](./packages/lit-css-loader)
- [Vite](./packages/vite-plugin-lit-css)
- [Parcel](./packages/parcel-transformer-lit-css)
- [TypeScript](./packages/typescript-transform-lit-css)
Loading