框架集成实践专题测试

Vue 项目必须配置 @vitejs/plugin-vue 插件才能正确编译 .vue 单文件组件。

@vitejs/plugin-react 插件为 React 项目提供 Fast Refresh 支持。

Svelte 项目需要配置 @sveltejs/vite-plugin-svelte 插件来编译 .svelte 文件。

@vitejs/plugin-vue 插件支持 Vue 单文件组件（.vue）的编译和热更新。

@vitejs/plugin-vue 插件默认会处理以下哪种文件类型？

@vitejs/plugin-vue 插件的配置选项有哪些？

在 Vite Vue 项目中使用 CSS Modules 需要哪些配置？

@vitejs/plugin-react 插件使用 esbuild 进行 JSX 转译，提供 Fast Refresh 热更新支持。

使用 @vitejs/plugin-react 时，JSX 文件应该使用什么后缀？

@vitejs/plugin-react 插件的配置选项有哪些？

React Fast Refresh 热更新的特点有哪些？

@sveltejs/vite-plugin-svelte 插件支持 Svelte 组件的编译和热更新。

Svelte 组件文件应该使用什么后缀？

@sveltejs/vite-plugin-svelte 插件的配置选项有哪些？

Svelte 相比 Vue/React 在 Vite 项目中的特点有哪些？

Vite 默认使用 esbuild 转译 JSX，可通过 esbuild.jsx 配置调整转译行为。

配置 esbuild: { jsx: 'automatic' } 使用的是哪种 JSX 转译模式？

Vite JSX 转译支持哪些模式？

需要在 Vite 中使用 Babel 替代 esbuild 进行 JSX 转译的场景有哪些？

Vue 项目构建优化时，如何减少 Vue 运行时体积？