title: Can't debug React Typescript in VS Code
body: <p>I am trying to debug a React Typescript application in VS Code and I can't figure out how to configure the launch.json to get TSX debugging to work.</p>
  
  <p>I am using webpack to bundle everything into one js file</p>
  
  <p>This is my package.json</p>
  
  <pre><code> {
    "name": "reactts",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
      "test": "echo \"Error: no test specified\" &amp;&amp; exit 1",
      "magic": "webpack"
    },
    "author": "",
    "license": "ISC",
    "dependencies": {
      "@types/react": "^16.7.20",
      "@types/react-dom": "^16.0.11",
      "axios": "^0.18.0",
      "react": "^16.7.0",
      "react-dom": "^16.7.0",
      "ts-loader": "^5.3.3",
      "typescript": "^3.2.4"
    }
  }
  </code></pre>
  
  <p>and this is my tsconfig.json file</p>
  
  <pre><code>{
      "compilerOptions": {
        "target": "es6",
        "jsx": "react",
        "module": "commonjs"
      },
      "exclude": [
        "node_modules"
      ]
  }
  </code></pre>
  
  <p>And this is my webpack.config.js file</p>
  
  <pre><code>var path = require("path");
  var config = {
    entry: ["./src/app.tsx"],
    output: {
      path: path.resolve(__dirname, "build"),
      filename: "bundle.js"
    },
    resolve: {
      extensions: [".ts", ".tsx", ".js"]
    },
  
    module: {
      rules: [
        {
          test: /\.tsx?$/,
          loader: "ts-loader",
          exclude: /node_modules/
        }
      ]
    }
  };
  
  module.exports = config;
  </code></pre>
  
  <p>I use npm run magic to compile the tsx code into the bundled js file</p>