javascript - create-react-app 中的 JSX 文件

Question

只是想知道 create-react-app 如何使用 .js 文件而不是 .jsx 来进行 jsx 标记。是因为webpack的特殊配置吗？ 顺便说一句，我在哪里可以找到我使用 create-react-app 创建的项目的 webpack 和 babel 配置？

Answer 1

文件扩展名没有什么特别之处；这只是通过 Babel 运行什么的问题。例如:

  module: {
    loaders: [
      {
        test:    /\.jsx?$/, 
        exclude: /(node_modules)/,
        loader:  'babel',
        query:   {
          presets: [
            'react',
            'es2015',
            'stage-0'
          ],
          plugins: [
            ["transform-decorators-legacy"],
          ]
        },
      }

这通过带有 React 预设的 Babel 运行 .js 和 .jsx。

Webpack 和 Babel 配置在 create-react-app 中。

您可以通过以下方式弹出它们:

npm run eject 使它们“外部化”，但只有在您真的想要时才这样做。

https://github.com/facebookincubator/create-react-app#user-content-converting-to-a-custom-setup