编程语言
首页 > 编程语言> > javascript – create-react-app中的JSX文件

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

作者:互联网

只是想知道create-react-app如何使用.js文件而不是.jsx用于jsx标记.是因为特殊的webpack配置吗?
顺便问一下,在哪里可以找到使用create-react-app创建的项目的webpack和babel配置?

解决方法:

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

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

那将通过Babel和React预设同时运行JS和JSX(以及JS?).

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

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

npm运行弹出以使它们“外化”,但只有你真的想要这样做.

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

标签:javascript,webpack,reactjs,create-react-app,jsx
来源: https://codeday.me/bug/20190608/1197821.html