加速 ViteJs 开发模式。 视图 3

Question

Can someone help me speed up my ViteJs Server a bit?

The problem is that in development mode the server is mega slow. I start the server, then start the page in the browser and wait 3-6 minutes for the page to load, Initially, ViteJs downloads a few kilobytes of resources. then the request is in the "pending" state for 2-3 minutes.

Then the loading of all resources starts every time. Although I also specified in the config that all css should be local.

Page reloading is also very slow.

I start the project like this:

vite

Here is my config:

import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import {resolve} from 'path'

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      "@": resolve(__dirname, "./src"),
    },
  },
  publicDir: 'public',
  server: {
    port: 8080,
    watch: {
      usePolling: true,
      ignored: ['!**/bundle/**', '!**/lib/**']
    }
  },
  css: {
    modules: {
      scopeBehaviour: "local"
    }
  },
  preview: {
    port: 8080,
  }
})

Answer 1

Wow, the problem is in WSL2, Just tried, for the sake of interest. to start vite from Windows. Start page loaded in 1 second! I think I solved my problem myself! Thanks!