0.0.3 • Published 2 months ago
vite-plugin-lit-lightningcss v0.0.3
vite-plugin-lit-lightningcss
Vite plugin that transforms Lit CSS template literals using Lightning CSS.
Install
npm install --save-dev vite-plugin-lit-lightningcss
Usage
In your vite.config.ts:
import { defineConfig } from "vite";
import litLightningcss from "vite-plugin-lit-lightningcss";
export default defineConfig({
plugins: [litLightningcss()],
});
In your components:
const styles = css`
.button {
padding: 10px;
background: ${props.color};
}
`;
Configuration
litLightningcss({
// Files to process (default: /src\/components\/.*\.(js|ts)$/)
include: /src\/.*\.ts$/,
// Files to ignore (default: undefined)
exclude: /node_modules/,
// Underlying Lightning CSS options (default: { minify: true })
// See https://github.com/parcel-bundler/lightningcss#options
lightningcss: {
minify: true,
},
});
Development
# Install dependencies
npm install
# Run tests
npm test
# Build
npm run build
License
This is free software under the GPL-3.0 license. See LICENSE file for details.
The code is copyleft - you can freely use and modify it, but any modifications must also be free software under the same terms.