Style once, use everywhere. A build system for creating cross-platform styles.
npm install style-dictionary-esm
An ESM-ready version of Style Dictionary.
- Fully ESM-ready
- Allows mocking fs dependency, improving browser support
- Replaces console.log by consola, with custom levels
- Replaces node-sass by dart-sass
- Replaces glob by fast-glob
- Drops lodash dependency
- 100% coverage from upstream test suite
- PNPM, tsup, Vite and Vitest for the repository
``bash`
npm i style-dictionary-esm
I love Design Tokens and the Style Dictionary API!
Migrating to ESM is a tedious task, but I need it to integrate it inside my projects and toolchains.
I would happily move this work as a PR on the original repo, if this makes sense in the project roadmap!
This is an initial step in doing a Vite plugin for Style Dictionary.
- Improve tree-shaking
- Moving formats per-file and require none by default
- Avoid relying on global export
- Avoid relying on fs globally, but instead support unified storage layerthreads
- Make tests paralellizable, currently has to be set to false due to fs` mismatchs