Skip to content

Svelte + Webpack template for building apps with the Carbon Design System with SASS/autoprefixing

License

Notifications You must be signed in to change notification settings

metonym/carbon-svelte-webpack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

80 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

carbon-svelte-webpack

Svelte + Webpack template for building apps with the Carbon Design System with SCSS.

This set-up includes carbon-components-svelte and carbon-components.

Quick Start

Use degit to quickly scaffold a new project:

npx degit metonym/carbon-svelte-webpack my-app
cd my-app
yarn

Overview

SASS includes from carbon-components is located in style.scss.

Place static assets (like favicons) in the public folder.


└───src
    └──App.svelte // base svelte file
    └──index.js // app entrypoint
    └──style.scss // @includes from `carbon-components`

Available Scripts

yarn dev

Runs the app in development mode. Visit http://localhost:8080.

yarn build

Builds the app for production; output folder is build/.

License

MIT