https://github.com/e111077/vite-lit-ts-minified-templates

https://github.com/e111077/vite-lit-ts-minified-templates

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/e111077/vite-lit-ts-minified-templates
• Owner: e111077
• Created: 2022-05-03T00:49:15.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-05-03T00:53:03.000Z (over 2 years ago)
• Last Synced: 2024-10-23T15:29:54.969Z (2 months ago)
• Language: TypeScript
• Size: 11.7 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vite Lit Element TS SASS

This is an example [Vite](https://vitejs.dev/) project using [Lit 2](https://lit.dev), Typescript, and `rollup-plugin-minify-html-literals` to minify Lit Templates and CSS.

## Changes from Vite's TS Lit template

* Added the [`rollup-plugin-minify-html-literals`](https://www.npmjs.com/package/rollup-plugin-minify-html-literals) plugin to `vite.config.ts`

* Added `src/my-css-file.css`

* Imported the above file with the `?raw` query parameter

* Applied the above styles with Lit's `unsafeCSS` function