vite-vuetify-ts-starter
vite-vuetify-ts-starter copied to clipboard
logue
Running on Windows and node 18.12.1 is very slow
Hello 👋 I've been trying to run it on Windows, with node.js 18.12.1, but it's so slow, could we somehow speed it up or find the reason for this?
I've found out that some people were already struggling with similar problems: https://stackoverflow.com/questions/73204586/speed-up-vitejs-dev-mode-vue-3
I am not very into frontend programming, but I think those problems could be related to vite.config.js. Could we look into this?? 😄 Thanks in advance
This issue is due to the implementation of treeshaeking even in dev mode. https://vuetifyjs.com/en/features/treeshaking/
I'm thinking of a workaround now.
I figured out the cause. It was a Sass customization process.
https://vuetifyjs.com/en/features/sass-variables/
In order to use pictograms in this template, the default Roboto font is loaded with Noto Color Emoji, and the monospaced font is Roboto Mono font.
There is nothing that can be done on the template side because of the specification of the sass loading process on the Vuetify side.
By commenting out styles: { configFile: 'src/styles/settings.scss' } in vite.config.ts, it is possible to deal with it for the time being.
On mac it's also very slow...
Even after commenting out styles: { configFile: 'src/styles/settings.scss' } in vite.config.ts, the First contentful paint is still very slow
On mac it's also very slow... Even after commenting out styles: { configFile: 'src/styles/settings.scss' } in vite.config.ts, the First contentful paint is still very slow
For ths issue on my PC, commenting out the webfont loader and everything works fine.
This template allows you to override all Vuetify settings in advance, so that may be the reason. As with the CSS issue earlier, please try playing around with the settings in src/plugin/vuetify.ts.(e.g. leave the contents of createVuetify blank)