create-react-app中的JSX文件

Question

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

Answer 1

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

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

这将使用React预设通过巴别塔运行.js和.jsx。

在create-react-app中包含了对Webpack和巴别塔的配置。

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

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

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