将Angular2与网页包一起使用不会在调试器中显示网页包文件夹

我在使用网页包的Angular2时遇到了一些问题，如有任何帮助，我将不胜感激。 当我启动webpack dev服务器时，该站点工作正常。但是，我在调试器中看不到webpack文件夹（我使用Chrome）。 我怀疑这与我的项目目录结构和webpack查找文件的位置有关

这是我的webpack.config

module.exports={

entry:  './app/main.ts',

output: {
  path: "./built",
  filename: 'bundle.js',
},

devtool: 'source-map',

 resolve: {
   extensions: ['',  '.ts', '.js']
 },

plugins: [
    new webpack.optimize.UglifyJsPlugin({ })
],

module : {
    loaders: [
        {
            test: /\.ts$/, 
            exclude: /node_modules/,
            loaders: 'ts-loader'
        },
        {
            test: /\.css$/,
            exclude: /node_modules/,
            loaders: 'style!css'
        },
        { 
            test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
            exclude: /node_modules/,
            loader: "url-loader?limit=10000&mimetype=application/font-woff"
        },
        {
            test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
            exclude: /node_modules/,
            loader: "file-loader"
        }
    ]
},

})

以下是我的项目目录结构：

当我构建包（webpack或webpack dev server）时，最后会收到一些警告。到目前为止，我忽略了这些，但我认为这是一个完全不同的问题。我已经包括了完整性这一点