Warum kann ich ES6 in meinen chormes Devtools nicht sehen?

Question

Das, was ich in Chrome sehen

Das ist mein webpack.config.js

module.exports = { 
    entry: { 
    vendors: [...], 
    bundle: './app/index.js', 
    }, 
    output: { 
    path: __dirname + '/dist', 
    filename: '[name].js', 
    sourceMapFilename: "[name].js.map", 
    }, 
    module: { 
    loaders: [{ 
     test: /\.json$/, 
     loaders: ['json-loader'], 
    },{ 
     test: /\.(js)$/, 
     loader: 'string-replace', 
     exclude: /node_modules/, 
     query: { 
     search: '/api/', 
     replace: !!apiUrl ? `${apiUrl}:${apiPortNumber}/api/` : '/api/', 
     flags: 'g' 
     } 
    },{ 
     test: /\.(js)$/, 
     loader: 'string-replace', 
     exclude: /node_modules/, 
     query: { 
     search: '/dev-sse/', 
     replace: `${apiUrl}:`, 
     flags: 'g' 
     } 
    },{ 
     test: /\.(js|jsx)$/, 
     exclude: /node_modules/, 
     loader: 'babel', 
     query: { 
     cacheDirectory: true, 
     plugins: ['transform-runtime', 'transform-decorators-legacy'], 
     presets: ['es2015', 'react', 'stage-0'] 
     } 
    } 
    ] 
}, 
plugins: [ 
    new webpack.optimize.CommonsChunkPlugin('vendors', 'commons.js'), 
    new HtmlWebpackPlugin({ 
    template: __dirname + '/app/index.html', 
    filename: 'index.html', 
    inject: 'body' 
    }), 
    new CopyWebpackPlugin([ 
    { from: './assets/**/*' } 
    ]) 
], 
    devtool: 'cheap-module-eval-source-map', 
}; 

Ich versuchte devtools auf einer Vielzahl von Werten zu ändern, aber am Ende habe ich bekomme das selbe, projekt auch webpack-dev-server

Also ich möchte wissen wo ich was machen könnte Fehler

Was ich will

Answer 1

Aktualisieren Sie die DevTool zu devtool: 'eval-source-map'.