carbon-preprocess-svelte
- Purpose: Provides Svelte preprocessors and plugins for optimizing Carbon Design System imports and CSS in Svelte applications.
- Key Features:
optimizeImports
: Rewrites Carbon Svelte imports to source paths, improving development compile times.optimizeCss
: Removes unused Carbon styles during build, reducing CSS bundle size.OptimizeCssPlugin
: Webpack version ofoptimizeCss
with identical functionality.
- Target Audience: Developers using Carbon Design System with Svelte, particularly those working with SvelteKit, Vite, Rollup, or Webpack.
- Supported Packages:
- carbon-components-svelte [fa-solid fa-up-right-from-square]
- carbon-icons-svelte [fa-solid fa-up-right-from-square]
- carbon-pictograms-svelte [fa-solid fa-up-right-from-square]
- Framework Support: Primarily designed for Svelte, with integration examples for SvelteKit, Vite, Rollup, and Webpack.
- Performance Benefits:
- Faster development compile times by avoiding barrel imports.
- Smaller production CSS bundles by removing unused styles.
- Examples: Includes configuration examples for various build tools in the examples directory.
sveltesvelte-preprocessorpreprocesscarboncarbon-design-systemcarbon-preprocess
Featured Stories
No featured articles here. Navigate to an article, then pick the Feature on menu button