Weboldal keresés

angular - Az Angular2 használata Webpackkal nem mutatja a webpack mappát a hibakeresőben


Néhány problémába ütközöm, amikor az Angular2-t a Webpackkel használom, és bármilyen segítségnek örülnék. Amikor elindítom a webpack-dev-server-t, az oldal rendben működik. Azonban nem látom a webpack mappát a debuggerben (Chrome-ot használok). Azt gyanítom, hogy ennek valami köze van a projekt könyvtárstruktúrájához és ahhoz, hogy a webpack hol keresi a fájlokat.

Itt van a webpack.config fájlom

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"
        }
    ]
},

};

Itt van a projekt könyvtárstruktúrám:

Amikor összerakom a csomagot (webpack vagy webpack-dev-server), a végén kapok néhány figyelmeztetést. Eddig ezeket figyelmen kívül hagytam, de úgy gondolom, hogy ez teljesen más probléma. Ezt a teljesség kedvéért mellékeltem.