svelte-sass-boilerplate Svelte Themes

Svelte Sass Boilerplate

An example repo with SCSS Configure for Svelte3

svelte-sass-boilerplate

The goal of this project is to give you a no config template for creating Svelte apps with SCSS.

This project is based off of sveltejs/template.

Getting Started

  1. Click the Use this template
  2. Clone your newly created repo using git clone <repo_name>
  3. cd <repo_name>
  4. yarn to install dependencies.

Note: You can also just clone this repo using git clone --bare https://github.com/jefflombard/svelte-sass-boilerplate and run git init in the new project.

Usage

  1. Start a local dev server by running yarn dev.
  2. On an individual component you can now add the lang="scss" attribute.

Example of Component Styling using Sass

  <style lang="scss">
  .main {
    p {
      color: blue;
    }
  }
  </style>

Notable differences to sveltejs/template

  1. Use of live-server - makes local dev easier.
  2. Sass is preconfigured

Top categories

Loading Svelte Themes