如何配置Vite以允许JS文件中的JSX语法？
如何配置Vite以允许JS文件中的JSX语法？
提问于 2022-11-29 21:27:31
默认情况下，Vite不允许在.js文件中使用JSX语法。
我已经将我的文件重命名为.jsx (或.tsx)，但我有无法重命名的外部依赖项。
Vite中的示例错误：
✘ [ERROR] The JSX syntax extension is not currently enabled
node_modules/somelib/src/someFile.js:122:11:
122 │ return <div/>如何配置Vite以支持所有.js文件中的JSX表达式？
回答 1
Stack Overflow用户
发布于 2022-11-29 21:27:31
您可以更改esbuild配置，使用loader选项将所有js文件视为jsx：
// vite.config.ts
import {defineConfig} from 'vite'
// https://vitejs.dev/config/
export default defineConfig(() => ({
esbuild: {
loader: "jsx",
},
optimizeDeps: {
esbuildOptions: {
loader: {
".js": "jsx",
".ts": "tsx",
},
},
},
}));注意:用.js加载器加载.jsx文件会导致性能损失。
答案取自这个Vite中GitHub的讨论，它将不正确的(和旧的)答案标记为“正确的”答案。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74620427
复制相关文章
相似问题
腾讯云开发者
