使用webpack打包tsx文件后,在浏览器中报define is not defined

问题遇到的现象和发生背景

使用webpack打包tsx文件后,在浏览器中报define is not defined
帮忙看看是什么原因了

问题相关代码,请勿粘贴截图

html页面

html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demotitle>
    <script type="text/javascript" src="src/index.js">script>
head>
<body>
    <div id="container">div>
body>
html>

tsx文件(只有一行代码)

const aaa = "123";

tsconfig.json

{
    "compilerOptions": {
        "module": "amd",
        "moduleResolution": "node",
        "sourceMap": true,
        "target": "es5",
        "strictNullChecks": true,
        "noUnusedLocals": true,
        "jsx": "react",
        "types": [
            "knockout",
            "requirejs",
            "jquery",
            "react",
            "react-dom"
        ],
        "lib": [
            "es5",
            "es6",
            "dom",
            "es2015.promise"
        ]
    }
}

浏览器报错:

index.js:9 
        
       Uncaught ReferenceError: define is not defined
    at index.js:9:1