https://github.com/coryrylan/clarity-core-rollup
Minimal demo for Clarity Design System built with Rollup. Demonstrating tree-shaking and bundle functionality.
https://github.com/coryrylan/clarity-core-rollup
Last synced: over 1 year ago
JSON representation
Minimal demo for Clarity Design System built with Rollup. Demonstrating tree-shaking and bundle functionality.
- Host: GitHub
- URL: https://github.com/coryrylan/clarity-core-rollup
- Owner: coryrylan
- License: mit
- Created: 2021-10-14T15:45:54.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-10-14T15:52:31.000Z (almost 5 years ago)
- Last Synced: 2025-01-22T00:46:20.970Z (over 1 year ago)
- Language: JavaScript
- Size: 59.6 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Clarity Core Rollup JS Starter
This demo shows how to use Core with RollupJS.
https://medium.com/claritydesignsystem/design-system-performance-with-clarity-core-web-components-fbab56516f30
Note to see the final performance characteristics the app must be deployed to a production env with proper text compression. [See running example](https://clarity-core-performance.web.app).
### Optimizations include:
- Treeshaking JavaScript
- Treeshaking CSS
## Building Project:
- `npm run build`
## Bundle output
Inspect the final JavaScript bundle output by running `npm run bundle-map`.