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

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

javascript lit lit-element lit-elements lit-html rollup sass

Last synced: 23 days ago
JSON representation

Get started with lit sass and js real quick

• Host: GitHub
• URL: https://github.com/e111077/lit-sass-js-starter
• Owner: e111077
• License: mit
• Created: 2021-05-03T06:08:25.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2022-10-11T16:27:01.000Z (about 2 years ago)
• Last Synced: 2024-10-05T07:41:10.492Z (about 1 month ago)
• Topics: javascript, lit, lit-element, lit-elements, lit-html, rollup, sass
• Language: JavaScript
• Homepage:
• Size: 200 KB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

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

README

        
# Lit Sass Javascript Starter

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

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

## Goals

* Get started with Lit + SASS + JS

  * For TS see [`e111077/lit-sass-ts-starter`](https://github.com/e111077/lit-sass-ts-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.