加快ViteJs开发模式。 Vue 3

Question

有人可以帮助我加快我的 ViteJs 服务器速度吗？

问题是在开发模式下服务器速度非常慢。 我启动服务器，然后在浏览器中启动页面并等待 3-6 分钟以加载页面！ 最初，ViteJs 下载了几千字节的资源，然后请求处于“待处理”状态 2-3 分钟。

然后每次都会开始加载所有资源。虽然我还在配置中指定所有 css 都应该是本地的。

页面重新加载也很慢。

我是这样开始这个项目的：

vite

这是我的配置：

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 秒内加载起始页！ 我想我自己解决了我的问题！谢谢！

Answer 2

Vite 不是一个适合大型项目的工具，因为它在开发过程中不会为你捆绑源代码，并且为了重新加载你的浏览器需要发出数千个请求

速度很慢，如果你是一个大项目（有1000+源文件）不要使用vite，否则你的开发体验会很差