Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Renew frontend #112

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Renew frontend #112

wants to merge 3 commits into from

Conversation

ninoseki
Copy link
Contributor

@ninoseki ninoseki commented Dec 9, 2023

This PR renew frontend by:

  • Update NPM dependencies
  • Replace the build tools with Vite
  • Remove frontend/dist/ and use Docker's multistage builds

On my laptop, Vite does the build much faster than before.

$ npm run build                                                                                                                                                                  

> [email protected] build
> vite build

vite v4.5.1 building for production...
✓ 336 modules transformed.
dist/index.html                                    0.70 kB │ gzip:   0.38 kB
dist/assets/fa-v4compatibility-4d4a2d7f.woff2      4.79 kB
dist/assets/rolling-transition-9d8c4a20.png        7.56 kB
dist/assets/fa-v4compatibility-09663a36.ttf       10.83 kB
dist/assets/favicon-f1a477f1.png                  24.23 kB
dist/assets/fa-regular-400-2bccecf0.woff2         25.45 kB
dist/assets/doghead-734968f1.png                  27.86 kB
dist/assets/fa-regular-400-5d02dc9b.ttf           68.00 kB
dist/assets/fa-brands-400-3a8924cd.woff2         117.37 kB
dist/assets/fa-solid-900-9fc85f3a.woff2          156.50 kB
dist/assets/devicon-871ed319.ttf                 207.72 kB
dist/assets/devicon-85675f55.woff                207.80 kB
dist/assets/devicon-4e2c385e.eot                 207.89 kB
dist/assets/fa-brands-400-5656d596.ttf           207.97 kB
dist/assets/certstream-overview-a300983e.png     271.90 kB
dist/assets/fa-solid-900-fbbf06d7.ttf            419.72 kB
dist/assets/devicon-0405a621.svg                 811.03 kB │ gzip: 300.93 kB
dist/assets/index-a14aeeed.css                   425.07 kB │ gzip:  63.74 kB
dist/assets/index-aecb87a4.js                  1,725.11 kB │ gzip: 625.46 kB

(!) Some chunks are larger than 500 kBs after minification. Consider:
- Using dynamic import() to code-split the application
- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/configuration-options/#output-manualchunks
- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.
✓ built in 1.89s

I know this is very opinionated PR. Please let me know if you have any questions & comments.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant