Accélérer le modèle de développement ViteJs : Vue 3

Question

Quelqu'un peut-il m'aider à accélérer mon serveur ViteJs ?

Le problème est que le serveur est très lent en mode développement. Je démarre le serveur, puis lance la page dans le navigateur et attends 3 à 6 minutes que la page se charge ! Initialement, ViteJs télécharge quelques kilo-octets de la ressource, puis la demande est en statut « en attente » pendant 2 à 3 minutes.

Ensuite, il commencera à charger toutes les ressources à chaque fois. Bien que j'aie également spécifié dans la configuration que tous les CSS doivent être locaux.

Le rechargement des pages est également très lent.

J'ai commencé le projet comme ceci :

vite

Voici ma configuration :

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, le problème est dans WSL2 ! J'ai juste essayé de démarrer vite depuis Windows par intérêt. La page de démarrage se charge en 1 seconde ! Je pense que j'ai résolu mon problème moi-même ! Merci!