mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-19 03:49:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs: add note on using optimizeImports with svelte-preprocess

Browse source 
Closes #1500
This commit is contained in:
Eric Liu 2022-10-03 20:21:02 -07:00
commit 69cee48875
1 changed files with 16 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

17
README.md
View file

@ -200,7 +200,7 @@ The preprocessor optimizes imports from the following packages:
- [carbon-icons-svelte](https://github.com/carbon-design-system/carbon-icons-svelte) - [carbon-icons-svelte](https://github.com/carbon-design-system/carbon-icons-svelte)
- [carbon-pictograms-svelte](https://github.com/carbon-design-system/carbon-pictograms-svelte) - [carbon-pictograms-svelte](https://github.com/carbon-design-system/carbon-pictograms-svelte)
**Example** **Before & After**
```diff ```diff
- import { Button } from "carbon-components-svelte"; - import { Button } from "carbon-components-svelte";
@ -222,6 +222,21 @@ export default {
}; };
``` ```
`svelte-preprocess` should be invoked before any preprocessor from `carbon-preprocess-svelte`.
```diff
// svelte.config.js
+ import sveltePreprocess from "svelte-preprocess";
import { optimizeImports } from "carbon-preprocess-svelte";
export default {
preprocess: [
+ sveltePreprocess(),
optimizeImports()
],
};
```
## Examples ## Examples
- [examples/rollup](examples/rollup/) - [examples/rollup](examples/rollup/)