拉威尔+；React（Typescript/Javascript）-如何使用扩展文件（js、jsx、ts、tsx）编译任何模块？

我有以下文件： root.tsx

但这是多余的。 如何使用单行代码，但可以从js jsx ts tsx文件加载模块

import React, { Component } from 'react'
import Container from './apps/Container'
import Wrap from './apps/Wrap'

export default class Root extends Component {

 render() {
 console.log('load root.tsx')
  return (
   <div>
    aaaa
    <Container />
    <Wrap />
   </div>
  )
 }
}

import React from 'react'
import ReactDOM from 'react-dom'
import RootApplication from './root'
ReactDOM.render(<RootApplication />, document.getElementById('root'))

const mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.react('resources/js/app.js', 'public/js')
   .ts('resources/js/app.tsx  ', 'public/js/')
   .sass('resources/sass/app.scss', 'public/css');