javascript - Bagaimana untuk mempunyai bundle.js yang lebih mudah dibaca dengan webpack (sumber peta)?

Saya sedang cuba membuat projek webpack pertama saya dan saya tidak dapat mencari cara untuk menukar kekunci berangka, yang mewakili modul dalam bundle.js output saya, kepada string deskriptif supaya lebih mudah untuk menjejakinya dalam debugger...

Saya telah mencuba output.chunkFilename dan output.sourceMapFilename tetapi tidak berjaya.

Begini rupa tugasan gulp saya:

gulp.task('webpack', function (done) {
webpack({
    entry: {
        app: paths.src + "/main.js",
        vendor: ['react/addons', 'lodash']
    },
    output: {
        path: paths.dist,
        filename: "bundle.js",
        sourceMapFilename: '[file].js'
    },
    plugins: [
        new webpack.optimize.CommonsChunkPlugin("vendor", 'vendor.bundle.js', Infinity)
    ]
}, function onWebpackComplete(err, stats) {
    if (err) throw new gutil.PluginError("webpack", err);
    done();
});
});

Adakah ia benar-benar mungkin? Adakah saya menggunakannya dengan salah? Adakah cara yang lebih baik?

Terima kasih!

Jawapan #1

Dalam fail webpack.config.js anda, tambah exports.output.pathinfo=true