Vue3 路由配置中未添加的组件是否会被打包？

如果某个组件在路由配置中没有被添加，但是在代码中被引用了，那么这个组件会被打包。这是因为 Webpack 会把所有被引用的模块打包到 bundle 中，而不管它们是否被路由配置使用。

如果想要避免无用的组件被打包，可以使用 Webpack 的 Tree Shaking 功能。Tree Shaking 可以根据代码的引用关系，删掉没有被使用的代码。Vue3 中默认开启了 Tree Shaking，可以通过配置 Babel 的插件来使用。