https://github.com/e111077/lit-sass-ts-starter

Get started with lit sass and ts real quick
https://github.com/e111077/lit-sass-ts-starter

lit lit-element lit-elements lit-html rollup sass typescript

Last synced: about 2 months ago
JSON representation

Get started with lit sass and ts real quick

• Host: GitHub
• URL: https://github.com/e111077/lit-sass-ts-starter
• Owner: e111077
• License: mit
• Created: 2021-05-02T10:34:21.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2022-10-11T16:23:37.000Z (about 2 years ago)
• Last Synced: 2024-10-05T07:41:10.620Z (2 months ago)
• Topics: lit, lit-element, lit-elements, lit-html, rollup, sass, typescript
• Language: JavaScript
• Homepage:
• Size: 463 KB
• Stars: 25
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-lit - Lit Sass TypeScript Starter - Project that has a simple setup for SASS + TS + Lit, using Rollup. (Starter Templates)

README

        
# Lit Sass Typescript Starter

This is a project that has a very simple setup for SASS + TS + Lit that uses rollup.

See an online demo [here on Glitch](https://glitch.com/edit/#!/lit-sass-ts-starter).

## Goals

* Get started with Lit + SASS + TS

  * For JS see [`e111077/lit-sass-js-starter`](https://github.com/e111077/lit-sass-js-starter)

* Exemplify how to setup rollup to support this config

## Non-goals

* This does not include a production build as that may vary from project to project

* This does not support Lit 1

  * It can, but the imports will have to be changed

* This does not recommend an Lit app structure - only exemplifies the build setup

## Get Started

Clone the repo. Then install.

```bash

npm install

```

Then start the dev server and rollup watchers

```bash

npm run dev

```

A browser window should open and rollup will watch your files for changes.