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"],
          ]
        },
      }

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

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

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

npm run eject 得到它们 "externalized"，但只有在你真的想要的时候才去做。

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

create-react-app 中的 JSX 文件

JSX files in create-react-app

javascript

jsx

reactjs

webpack

create-react-app