Beschleunigung des ViteJs-Entwicklungsmodells: Vue 3

Question

Kann mir jemand helfen, meinen ViteJs-Server zu beschleunigen?

Das Problem ist, dass der Server im Entwicklungsmodus sehr langsam ist. Ich starte den Server, starte dann die Seite im Browser und warte 3-6 Minuten, bis die Seite geladen ist! Zunächst lädt ViteJs einige Kilobyte der Ressource herunter und dann befindet sich die Anfrage für 2-3 Minuten im Status „ausstehend“.

Dann werden jedes Mal alle Ressourcen geladen. Allerdings habe ich in der Konfiguration auch angegeben, dass alle CSS lokal sein sollen.

Das Neuladen der Seite ist ebenfalls sehr langsam.

Ich habe das Projekt so gestartet:

vite

Das ist meine Konfiguration:

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

哇，问题出在 WSL2 中！出于兴趣，刚刚尝试从 Windows 启动 vite。 1 秒内加载起始页！ 我想我自己解决了我的问题！谢谢！