Reduce svg size & lzay load github.svg and grid.svg (yihong0618#580)

85Ryan · Dec 23, 2023 · aebe1fe · aebe1fe
1 parent b21aab3
commit aebe1fe
Show file tree

Hide file tree

Showing 23 changed files with 494 additions and 356 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -8,6 +8,7 @@ module.exports = {
   extends: [
     'eslint:recommended',
     'plugin:react/recommended',
+    'plugin:react/jsx-runtime',
     'plugin:prettier/recommended',
   ],
   overrides: [],

diff --git a/assets/index.tsx b/assets/index.tsx
@@ -1 +1,2 @@
 export const yearStats = import.meta.glob('./year_*.svg', { import: 'ReactComponent' })
+export const totalStat = import.meta.glob(['./github.svg', './grid.svg'], { import: 'ReactComponent' })
diff --git a/package.json b/package.json
@@ -6,6 +6,7 @@
   "dependencies": {
     "@mapbox/mapbox-gl-language": "^1.0.0",
     "@mapbox/polyline": "^1.1.1",
+    "@svgr/plugin-svgo": "^8.1.0",
     "@vercel/analytics": "^0.1.6",
     "@vitejs/plugin-react": "^4.0.0",
     "gcoord": "^0.3.2",