在typescript里面使用jsx 为什么要用.tsx的扩张名

Question

antd里面为什么要用 .tsx 的文件？？？，是因为使用了typescript吗？？

Answer 1

扩展名实际上并不是绝对的. 一般是习惯用法. 主要是Webpack习惯上是通过后缀名来区分不同的文件类型. 并且通过文件类型来使用不同的Loader

比如对于ES6的Javascript模块, Webpack里面通常会有一个类似如下的Loader配置来处理Javascript模块文件.

module: {

  rules: [

    // Javascript 模块

    {

      test: /\.js$/,

      exclude: /node_modules/,

      use: [

        {

          loader: 'babel-loader'

        }

      ]

    },

    ...

    ...

    ...

  ]

},