Vite 之后下一代构建工具会是什么？

东方羽霏提问于 2026-03-22 15:28:22 阅读 3

前端

最近项目从 Webpack 切到 Vite 后快了不少，但看到社区在讨论 Turbopack、Rspack 这些新工具，有点迷茫：到底该学哪个？它们真能取代 Vite 吗？

我试了下 Rspack，配置和 Webpack 很像，但文档太少。比如下面这个简单的 Vue 组件，在 Rspack 里热更新经常失效：

<template>
  <div>{{ msg }}</div>
</template>

<script setup>
import { ref } from 'vue'
const msg = ref('Hello Rspack')
</script>

改了 msg 内容页面不刷新，得手动刷新浏览器，这体验还不如 Vite……是不是我配置错了？还是说这些新工具还没准备好？

我来解答赞 5 收藏

反馈

1 条解答

♫树泽 Lv1

Vite 确实很快，切换过来体验确实不错。Turbopack 和 Rspack 这些新工具都在快速发展，不过现阶段 Vite 还是比较成熟稳定的。你提到的 Rspack 热更新问题，可能是配置没到位。

先检查一下 Rspack 的 devServer 配置，确保 hot 模式打开了。还有 plugins 里看看有没有添加 vue 的相关插件。这里有个基础配置示例，拿去改改：

const { VuePlugin } = require('@rspack/plugin-vue')



module.exports = {

  entry: './src/main.js',

  devServer: {

    hot: true

  },

  module: {

    rules: [

      {

        test: /.vue$/,

        use: [VuePlugin()]

      }

    ]

  },

  plugins: [

    new VuePlugin()

  ]

}

如果这样还不行，可能是版本兼容性问题，查查文档或者 issue 列表，说不定别人也遇到了类似问题。总之先别急着换工具，Vite 还是挺好的。

2026-03-22 15:41