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.

Sign up for GitHub

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

Jump to bottom

[Naive-UI] how to speed up "yarn dev", it's slow. #53

Closed
mazhewei opened this issue Sep 27, 2022 · 5 comments
Closed

[Naive-UI] how to speed up "yarn dev", it's slow. #53

mazhewei opened this issue Sep 27, 2022 · 5 comments
Assignees
@productdevbook
Labels
naive-ui

Comments

@mazhewei
Copy link

version:
nuxt 3.0.0-rc11
naive-ui 2.33.3
@huntersofbook/naive-ui-nuxt 0.3.0
typescript 4.8.3

nuxt.config.ts:

export default defineNuxtConfig({
  modules: [
    '@pinia/nuxt',
    '@huntersofbook/naive-ui-nuxt'
  ],
})

use debug var to detect time: (I'm using Windows 10)
SET DEBUG=vite:time & yarn dev
and i get this output:

√ Nitro built in 1409 ms                                                                                                                                   nitro 16:08:04
i Vite client warmed up in 2706ms                                                                                                                                16:08:04
  vite:time 13848.25ms / +0ms
  vite:time 14.76ms / +22ms
  vite:time 49.37ms /D:/workspace/microservices/playground/node_modules/nuxt/dist/app/entry.mjs +63ms
  vite:time 0.65ms /node_modules/.vite/deps/vue.js?v=ffa5bc60 +16ms      
  vite:time 0.99ms /node_modules/ohmyfetch/dist/index.mjs?v=ce079b54 +3ms
  vite:time 73.79ms /@vite/client +3ms
  vite:time 3.59ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/paths.mjs +6ms
  vite:time 0.72ms /node_modules/nuxt/dist/app/index.mjs?v=ce079b54 +2ms
  vite:time 2.76ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/css.mjs +3ms  
  vite:time 4.30ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/plugins/client.mjs +5ms
  vite:time 3.69ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/root-component.mjs +4ms
  vite:time 2.22ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/app-component.mjs +3ms 
  vite:time 0.42ms /node_modules/.vite/deps/chunk-2F2YILCM.js?v=ce079b54 +1ms
  vite:time 0.90ms /node_modules/.vite/deps/chunk-EIH2EVPK.js?v=ce079b54 +4ms
  vite:time 2.07ms /node_modules/ohmyfetch/dist/shared/ohmyfetch.c2a48baf.mjs?v=ce079b54 +4ms
  vite:time 0.85ms /node_modules/destr/dist/index.mjs?v=ce079b54 +7ms
  vite:time 0.47ms /node_modules/.vite/deps/ufo.js?v=01372415 +1ms
  vite:time 1.60ms /node_modules/vite/dist/client/env.mjs +3ms
  vite:time 1.54ms /node_modules/nuxt/dist/app/nuxt.mjs?v=ce079b54 +4ms
  vite:time 1.20ms /node_modules/nuxt/dist/app/composables/index.mjs?v=ce079b54 +2ms
  vite:time 2.30ms /node_modules/nuxt/dist/app/components/index.mjs?v=ce079b54 +4ms 
  vite:time 1.34ms /node_modules/nuxt/dist/app/config.mjs?v=ce079b54 +6ms
  vite:time 1.12ms /node_modules/nuxt/dist/head/runtime/index.mjs?v=ce079b54 +2ms   
  vite:time 9.09ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/components.plugin.mjs +10ms
  vite:time 1.27ms /node_modules/nuxt/dist/head/runtime/lib/vueuse-head.plugin.mjs?v=ce079b54 +2ms
  vite:time 1.03ms /node_modules/nuxt/dist/head/runtime/plugin.mjs?v=ce079b54 +2ms
  vite:time 2.33ms /node_modules/nuxt/dist/pages/runtime/router.mjs?v=ce079b54 +3ms
  vite:time 1.08ms /node_modules/@huntersofbook/naive-ui-nuxt/dist/runtime/config.mjs?v=ce079b54 +2ms
  vite:time 1.44ms /node_modules/@pinia/nuxt/dist/runtime/plugin.vue3.mjs?v=ce079b54 +2ms
  vite:time 4.63ms /node_modules/nuxt/dist/app/components/nuxt-root.vue +6ms
  vite:time 1.60ms /app.vue +5ms
  vite:time 1.30ms /node_modules/hookable/dist/index.mjs?v=ce079b54 +3ms
  vite:time 1.31ms /node_modules/unctx/dist/index.mjs?v=ce079b54 +3ms
  vite:time 2.78ms /node_modules/nuxt/dist/app/composables/component.mjs?v=ce079b54 +4ms
  vite:time 1.82ms /node_modules/nuxt/dist/app/composables/asyncData.mjs?v=ce079b54 +3ms
  vite:time 1.54ms /node_modules/nuxt/dist/app/composables/hydrate.mjs?v=ce079b54 +3ms
  vite:time 1.30ms /node_modules/nuxt/dist/app/composables/state.mjs?v=ce079b54 +2ms
  vite:time 1.15ms /node_modules/nuxt/dist/app/composables/error.mjs?v=ce079b54 +2ms
  vite:time 1.43ms /node_modules/nuxt/dist/app/composables/fetch.mjs?v=ce079b54 +3ms
  vite:time 1.78ms /node_modules/nuxt/dist/app/composables/cookie.mjs?v=ce079b54 +4ms
  vite:time 1.29ms /node_modules/nuxt/dist/app/composables/ssr.mjs?v=ce079b54 +2ms
  vite:time 1.40ms /node_modules/nuxt/dist/app/composables/router.mjs?v=ce079b54 +3ms
  vite:time 1.38ms /node_modules/nuxt/dist/app/composables/preload.mjs?v=ce079b54 +3ms
  vite:time 1.28ms /node_modules/nuxt/dist/app/composables/payload.mjs?v=ce079b54 +2ms
  vite:time 1.52ms /node_modules/nuxt/dist/app/components/nuxt-link.mjs?v=ce079b54 +3ms
  vite:time 2.02ms /.nuxt/app.config.mjs +3ms
  vite:time 1.92ms /node_modules/nuxt/dist/head/runtime/composables.mjs?v=ce079b54 +3ms
  vite:time 2.91ms /node_modules/@vueuse/head/dist/index.mjs?v=ce079b54 +7ms
  vite:time 1.32ms /node_modules/defu/dist/defu.mjs?v=ce079b54 +3ms
  vite:time 1.66ms /node_modules/nuxt/dist/head/runtime/components.mjs?v=ce079b54 +2ms
  vite:time 3.17ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/nuxt.config.mjs +6ms
  vite:time 1.01ms /node_modules/vue-router/dist/vue-router.mjs?v=ce079b54 +2ms
  vite:time 1.31ms /node_modules/h3/dist/index.mjs?v=ce079b54 +3ms
  vite:time 2.49ms /node_modules/nuxt/dist/pages/runtime/page.mjs?v=ce079b54 +4ms
  vite:time 2.85ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/routes.mjs +9ms
  vite:time 2.90ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/router.options.mjs +3ms
  vite:time 3.11ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/middleware.mjs +4ms
  vite:time 1.38ms /node_modules/.vite/deps/pinia.js?v=6202a9f6 +2ms
  vite:time 0.64ms /@id/__x00__plugin-vue:export-helper +3ms
  vite:time 1.44ms /node_modules/nuxt/dist/app/components/layout.mjs?v=ce079b54 +7ms
  vite:time 0.63ms /node_modules/.vite/deps/naive-ui.js?v=12ecea6e +2ms
  vite:time 1.38ms /node_modules/cookie-es/dist/index.mjs?v=ce079b54 +20ms
  vite:time 2.46ms /node_modules/ohash/dist/index.mjs?v=ce079b54 +4ms
  vite:time 1.01ms /node_modules/.vite/deps/defu.js?v=ddee9a13 +17ms
  vite:time 1.90ms /node_modules/@vue/shared/dist/shared.esm-bundler.js?v=ce079b54 +4ms
  vite:time 1.88ms /node_modules/@vue/devtools-api/lib/esm/index.js?v=ce079b54 +16ms
  vite:time 2.10ms /node_modules/radix3/dist/index.mjs?v=ce079b54 +7ms
  vite:time 1.67ms /node_modules/nuxt/dist/pages/runtime/utils.mjs?v=ce079b54 +3ms
  vite:time 1.40ms /node_modules/nuxt/dist/app/components/utils.mjs?v=ce079b54 +5ms
  vite:time 4.32ms /pages/index.vue?macro=true +6ms
  vite:time 1.47ms /node_modules/nuxt/dist/app/compat/vue-demi.mjs?v=ce079b54 +4ms
  vite:time 7.26ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/layouts.mjs +9ms
  vite:time 1.29ms /node_modules/@vue/devtools-api/lib/esm/env.js?v=ce079b54 +2ms
  vite:time 1.24ms /node_modules/@vue/devtools-api/lib/esm/const.js?v=ce079b54 +7ms
  vite:time 4.18ms /node_modules/@vue/devtools-api/lib/esm/proxy.js?v=ce079b54 +5ms
  vite:time 1.58ms /node_modules/@vue/devtools-api/lib/esm/api/index.js?v=ce079b54 +4ms
  vite:time 1.57ms /node_modules/@vue/devtools-api/lib/esm/plugin.js?v=ce079b54 +3ms
  vite:time 1.39ms /node_modules/@vue/devtools-api/lib/esm/time.js?v=ce079b54 +4ms
  vite:time 1.80ms /node_modules/nuxt/dist/app/compat/capi.mjs?v=ce079b54 +4ms
  vite:time 1.59ms /node_modules/@vue/devtools-api/lib/esm/api/api.js?v=ce079b54 +6ms
  vite:time 1.34ms /node_modules/@vue/devtools-api/lib/esm/api/app.js?v=ce079b54 +2ms
  vite:time 1.73ms /node_modules/@vue/devtools-api/lib/esm/api/component.js?v=ce079b54 +5ms
  vite:time 2.38ms /node_modules/@vue/devtools-api/lib/esm/api/context.js?v=ce079b54 +4ms
  vite:time 2.25ms /node_modules/@vue/devtools-api/lib/esm/api/hooks.js?v=ce079b54 +7ms
  vite:time 1.35ms /node_modules/@vue/devtools-api/lib/esm/api/util.js?v=ce079b54 +2ms
  vite:time 1.39ms /node_modules/.vite/deps/vue.js.map +127ms
  vite:time 3.47ms /node_modules/.vite/deps/chunk-EIH2EVPK.js.map +4ms
  vite:time 2.30ms /node_modules/.vite/deps/ufo.js.map +2ms
  vite:time 9.99ms /node_modules/.vite/deps/chunk-2F2YILCM.js.map +3ms
  vite:time 8.42ms /node_modules/.vite/deps/defu.js.map +4ms
  vite:time 1.31ms /node_modules/.vite/deps/pinia.js.map +3ms
  vite:time 31.83ms /node_modules/.vite/deps/naive-ui.js.map +29ms
  vite:time 1.76ms /pages/index.vue +77ms
  vite:time 1.75ms /layouts/default.vue +69ms
  vite:time 2.65ms /favicon.ico +14ms
  vite:time 18.22ms / +26s
  vite:time 1.96ms /@vite/client +15ms
  vite:time 1.22ms /D:/workspace/microservices/playground/node_modules/nuxt/dist/app/entry.mjs +2ms
  vite:time 3.91ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/paths.mjs +17ms
  vite:time 3.39ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/css.mjs +5ms
  vite:time 4.02ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/plugins/client.mjs +9ms
  vite:time 3.79ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/root-component.mjs +5ms
  vite:time 5.96ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/app-component.mjs +7ms
  vite:time 2.29ms /node_modules/vite/dist/client/env.mjs +3ms
  vite:time 5.30ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/components.plugin.mjs +22ms
  vite:time 2.36ms /.nuxt/app.config.mjs +5ms
  vite:time 1.46ms /node_modules/nuxt/dist/app/components/nuxt-root.vue +4ms
  vite:time 1.31ms /app.vue +14ms
  vite:time 3.70ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/nuxt.config.mjs +26ms
  vite:time 5.21ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/routes.mjs +6ms
  vite:time 3.74ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/router.options.mjs +5ms
  vite:time 3.72ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/middleware.mjs +5ms
  vite:time 0.64ms /@id/__x00__plugin-vue:export-helper +2ms
  vite:time 6.03ms /@id/virtual:nuxt:D:/workspace/microservices/playground/.nuxt/layouts.mjs +16ms
  vite:time 1.16ms /pages/index.vue?macro=true +2ms
  vite:time 1.35ms /node_modules/.vite/deps/vue.js.map +141ms
  vite:time 1.32ms /node_modules/.vite/deps/chunk-EIH2EVPK.js.map +1ms
  vite:time 1.93ms /node_modules/.vite/deps/ufo.js.map +1ms
  vite:time 5.58ms /node_modules/.vite/deps/chunk-2F2YILCM.js.map +3ms
  vite:time 4.47ms /node_modules/.vite/deps/defu.js.map +8ms
  vite:time 2.36ms /node_modules/.vite/deps/pinia.js.map +1ms
  vite:time 29.24ms /node_modules/.vite/deps/naive-ui.js.map +27ms
  vite:time 2.68ms /pages/index.vue +62ms
  vite:time 0.62ms /layouts/default.vue +71ms
  vite:time 4.15ms /favicon.ico +5ms

as you can see, a simple project take almost 20s to startup devserver.
that is not "vite style"(too slow)
any ideas how to speed up "yarn dev"?
@productdevbook productdevbook self-assigned this Sep 27, 2022
@productdevbook
Copy link
Member

SET DEBUG=vite:time & yarn dev dont working ? where is write docs?

@mazhewei
Copy link
Author

https://github.com/debug-js/debug
vite use this lib to deal log

@productdevbook
Copy link
Member

https://stackblitz.com/edit/nuxt-starter-zb2imp?file=README.md

Can you redo everything and post it here and share me ?

Thank you

@mazhewei
Copy link
Author

mazhewei commented Oct 8, 2022

Hi, here is: https://stackblitz.com/edit/nuxt-starter-nvyn9i?file=package.json

Note: because i can not use SET command in web IDE, so i modify the "scripts field" in package.json "dev": "DEBUG=vite:time HOST=0.0.0.0 nuxt dev",, so that DEBUG will set correctly.

After i try it, it is fast than my local machine.
But it also take about 13s to start dev server.

Actually it's not a serious problem, thanks for your time.

@mazhewei
Copy link
Author

nuxt 3.0.0-rc12 is coming!
After upgrade to latest version, speed seems to be improved.

nuxt: 3.0.0-rc11 => 3.0.0-rc12
@vueuse/nuxt: ^9.2.0 => ^9.3.1
@pinia/nuxt: ^0.4.2 => ^0.4.3
@huntersofbook/naive-ui-nuxt: ^0.3.0 => ^0.3.10-beta.13

My local machine, about 25 seconds to run yarn dev first time.
about 7~8 seconds to run yarn dev next time.

But i can not reproduce it in stackblitz.com (it even can not run it, stuck in install dependents step).

Compared to the previous version:
About 20 seconds to run yarn dev every time.

I'll close this issue, thanks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@productdevbook productdevbook

Labels
naive-ui
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@mazhewei @productdevbook