TypeScript + Webpack + vscode + chrome-debug

tsconfig.json

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es2015",
    "noImplicitAny": false,
    "sourceMap": true,
    "outDir": "target",
    "jsx": "react"
  },
  "exclude": [
    "node_modules",
    "target",
    "typings",
    "test"
  ]
}

VSCode Debug launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
                "name": "Attach",
                "type": "chrome",
                "request": "attach",
                "port": 9222,
                "webRoot": "${workspaceRoot}/target",
                "url": "http://localhost:8080/", 
                "diagnosticLogging": true,
                "verboseDiagnosticLogging": true,
                "sourceMaps": true
        }

    ]
}

webpack.config.js

  entry: {
    app: "./src/ts/app.tsx",
    vendor: ["react", "react-dom"] 
  },
  output: {
    path: __dirname + "/target",
    filename: "[name].bundle.js",
     // ajoute des path en absolue dans les fichier de map pour vscode   
     devtoolModuleFilenameTemplate: "file://[absolute-resource-path]",
     devtoolFallbackModuleFilenameTemplate: "file://[absolute-resource-path]?[hash]"
  },