我可以在节点中要求 jsx 文件吗？答案

【问题标题】：Can I require jsx files in node?我可以在节点中要求 jsx 文件吗？
【发布时间】：2019-06-04 08:56:07
【问题描述】：

我有一个脚本可以对我的源文件进行一些分析，其中一部分分析是针对require 文件。但是，有些文件是 JSX 格式，节点默认不理解这一点。

是否有可能使文件看起来像这样：

function MyModule () {
  return <div>hello</div>
}

module.exports = MyModule

可以通过require('./my-module')要求吗？

【问题讨论】：

你可以为你的应用添加一个自定义的加载器（例如：babel），React 也支持服务端渲染。
我熟悉 babel 但不熟悉自定义加载器。你有这些文档的链接吗？
看看babel-register，它基本上会向标准节点添加功能，要求您加载自定义文件类型。然后你需要babel-preset-react 来加载 jsx 文件。

【解决方案1】：

在 Node 中使用 JSX 作为模板引擎

NPM 包： https://www.npmjs.com/package/jsx-node

为了能够简单地 require .jsx 文件，您需要告诉 Node 如何处理它们。运行以下代码使您能够 require('./SomeFile.jsx'):

require('jsx-node').install({
  replace: {
    preact: 'jsx-node',
  }
});

警告：

此模块仍处于非常早期的阶段。任何生产用途都应谨慎处理。

更多详情请访问链接。

【讨论】：