umajho / dicexp

Dicexp 是一种表示掷骰的表达式。本仓库代码用于对该表达式求值,并作为该表达式的事实标准。
https://umajho.github.io/dicexp/
MIT License
2 stars 0 forks source link

(@dicexp/playground) 用 Tailwind CSS 取代 Naive UI,以尝试减少 assets 大小 #14

Closed umajho closed 1 year ago

umajho commented 1 year ago

注释掉了 App.vue 中与 dicexp-editor.vue 有关的代码后,构建的结果:

vite v4.2.0 building for production...
✓ 2568 modules transformed.
dist/index.html                   0.38 kB
dist/assets/index-17b6ef99.css    0.07 kB │ gzip:   0.08 kB
dist/assets/lib-1ab41506.js     141.88 kB │ gzip:  46.63 kB
dist/assets/index-98fad4d5.js   360.59 kB │ gzip: 108.35 kB
✓ built in 8.44s

assets 有些过于大了。

umajho commented 1 year ago

done: https://github.com/umajho/dicexp/commit/2136ce57cbd69b9e6e98bcae6d023f231979c2a1

Before:

✓ 2445 modules transformed.
dist/index.html                            0.38 kB
dist/assets/index-f161e6c9.css             0.07 kB │ gzip:   0.08 kB
dist/assets/lib-0eb4be6f.js               20.49 kB │ gzip:   6.81 kB
dist/assets/vue-json-viewer-ac177eef.js   42.67 kB │ gzip:  13.12 kB
dist/assets/dicexp.grammar-cc52c82a.js    73.07 kB │ gzip:  24.52 kB
dist/assets/dicexp-editor-bab5da60.js    254.14 kB │ gzip:  83.11 kB
dist/assets/index-c246fa55.js            469.77 kB │ gzip: 139.31 kB

After:

✓ 69 modules transformed.
dist/index.html                            0.40 kB
dist/assets/index-55bf8cac.css            32.27 kB │ gzip:  6.12 kB
dist/assets/lib-0638ae0c.js               20.49 kB │ gzip:  6.80 kB
dist/assets/vue-json-viewer-a3787e6e.js   42.67 kB │ gzip: 13.11 kB
dist/assets/dicexp.grammar-cc52c82a.js    73.07 kB │ gzip: 24.52 kB
dist/assets/index-db20a204.js             94.32 kB │ gzip: 37.37 kB
dist/assets/dicexp-editor-2f68694d.js    254.17 kB │ gzip: 83.13 kB