[Improvement] [Vite] hot update is very slow

[zhoufanglu]

Search before asking

• I had searched in the issues and found no similar issues.

What happened

vite hot update is very slow , It's about 3s

What you expected to happen

vite hot update is fast!!

How to reproduce

vite.ts

/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import viteCompression from 'vite-plugin-compression'
// @ts-ignore
import path from 'path'

export default defineConfig({
  base: process.env.NODE_ENV === 'production' ? '/esp/' : '/',
  plugins: [
    vue(),
    vueJsx(),
    viteCompression({
      verbose: true,
      disable: false,
      threshold: 10240,
      algorithm: 'gzip',
      ext: '.gz',
      deleteOriginFile: false
    })
  ],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
      '~@': path.resolve(__dirname, 'src'),
      // resolve vue-i18n warning: You are running the esm-bundler build of vue-i18n.
      'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js'
    }
  },
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `
          @use "@/assets/styles/scss/entrance.scss" as *;
          `
      }
    }
  },
  server: {
    proxy: {
      '/dolphinscheduler': {
        target: loadEnv('development', './').VITE_APP_DEV_WEB_URL,
        changeOrigin: true
      }
    },
    host: '0.0.0.0',
    port: 4005
  }
})

Anything else

No response

Version

3.0.0

Are you willing to submit PR?

• Yes I am willing to submit a PR!

Code of Conduct

• I agree to follow this project's Code of Conduct

[github-actions]

Thank you for your feedback, we have received your issue, Please wait patiently for a reply.

• In order for us to understand your request as soon as possible, please provide detailed information、version or pictures.
• If you haven't received a reply for a long time, you can join our slack and send your question to channel #troubleshooting

[Amy0104]

It's not slow for me. Could you provide a log picture like this? @zhoufanglu This looks like a local environment problem.

[zhoufanglu]

Hot update very slow every time to 5 seconds or so, the impact of development

[songjianet]

Can you provide the hardware configuration and system environment of the computer?

[zhoufanglu]

Can you provide the hardware configuration and system environment of the computer?

win10
`
wait demo

[zhoufanglu]

Can you provide the hardware configuration and system environment of the computer?

i don't know why this, I tried it and it had nothing to do with computers。
a new component hot update is fast. but before component is very slow

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity for 30 days. It will be closed in next 7 days if no further activity occurs.