carbon-svelte-webpack Svelte Themes

Carbon Svelte Webpack

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

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
npm i

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

npm run dev

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

npm run build

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

License

MIT

Top categories

Loading Svelte Themes