Skip to content

Commit

Permalink
perf(playground): apply optimizeCss to remove unused styles (#124)
Browse files Browse the repository at this point in the history
Applying the `optimizeCss` plugin from `carbon-preprocess-svelte` can help optimize usage of pre-compiled Carbon CSS.

```sh
Optimized assets/index-Dy43zAwI.css
Before: 750.82 kB
After:  336.35 kB (-55.2%)

Optimized assets/CodeHighlighter-1BpQ5oIG.css
Before: 2.3 kB
After:  2.3 kB (-0%)
```
  • Loading branch information
metonym committed Apr 8, 2024
1 parent 55c8ae6 commit b435033
Show file tree
Hide file tree
Showing 3 changed files with 7 additions and 6 deletions.
2 changes: 1 addition & 1 deletion playground/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
"devDependencies": {
"@sveltejs/vite-plugin-svelte": "^3.0.2",
"carbon-components-svelte": "^0.85.0",
"carbon-preprocess-svelte": "^0.11.0",
"carbon-preprocess-svelte": "^0.11.1",
"codemirror": "^5.65.14",
"prettier": "^2.8.8",
"svelte-highlight": "^7.6.0",
Expand Down
3 changes: 2 additions & 1 deletion playground/vite.config.js
Original file line number Diff line number Diff line change
@@ -1,12 +1,13 @@
import { svelte } from "@sveltejs/vite-plugin-svelte";
import { optimizeImports } from "carbon-preprocess-svelte";
import { optimizeCss, optimizeImports } from "carbon-preprocess-svelte";
import { defineConfig } from "vite";

export default defineConfig({
plugins: [
svelte({
preprocess: [optimizeImports()],
}),
optimizeCss(),
],
optimizeDeps: {
exclude: ["carbon-components-svelte"],
Expand Down
8 changes: 4 additions & 4 deletions playground/yarn.lock
Original file line number Diff line number Diff line change
Expand Up @@ -235,10 +235,10 @@ carbon-components-svelte@^0.85.0:
"@ibm/telemetry-js" "^1.2.1"
flatpickr "4.6.9"

carbon-preprocess-svelte@^0.11.0:
version "0.11.0"
resolved "https://registry.yarnpkg.com/carbon-preprocess-svelte/-/carbon-preprocess-svelte-0.11.0.tgz#cf9bd8c8ffb590ab5a0a9d74979a14af0ec30858"
integrity sha512-J0Y7yhUmtMWX+c9iLeoqFFY+Yz/neBka3JQNPMlJ1ucAqBkrCl+/9bJAHYYglK8YTfvxrMPdkSZPqyjEplF3Ww==
carbon-preprocess-svelte@^0.11.1:
version "0.11.1"
resolved "https://registry.yarnpkg.com/carbon-preprocess-svelte/-/carbon-preprocess-svelte-0.11.1.tgz#414329489e15f2129c384ccc176566e48f4446d8"
integrity sha512-0QvzakB52grWvYO6u2/CbucAOqPAmLtC3X/d7lq/UOT6DKpyJmYGBI62fHKnsJedjsEFSMjbXY0jP1xXGKC8uw==
dependencies:
magic-string "^0.30.8"
postcss "^8.4.36"
Expand Down

0 comments on commit b435033

Please sign in to comment.