Webpack：ブラウザにファイルが表示されないDevTool

Question

webpack/react/reduxなどを使用してプロジェクトをセットアップしようとしています。プロジェクトをセットアップしましたが、ブラウザのdev-toolsにプロジェクトファイルが表示されません。私はオンラインで検索し、使用して私のwebpackの設定ファイル内のファイルがdev - toolsに表示されますが、まだ表示されないようにすることを使用して見つけた。

私はデベロッパーツールですべてのプロジェクトファイルを見ることができますどのように

var webpack = require('webpack'); 

module.exports = { 
    entry: [ 
    'webpack-hot-middleware/client', 
    './client/client.js' 
    ], 
    output: { 
    path: require("path").resolve("./dist"), 
    filename: 'bundle.js', 
    publicPath: '/' 
    }, 
    plugins: [ 
    new webpack.optimize.OccurenceOrderPlugin(), 
    new webpack.HotModuleReplacementPlugin(), 
    new webpack.NoErrorsPlugin() 
    ], 
    debug: true, 
    devtool: 'source-map', 
    module: { 
    preLoaders: [ 
     { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loader: 'eslint-loader' 
     } 
    ], 
    loaders: [ 
     { 
     test: /\.js$/, 
     loader: 'babel-loader', 
     excludes: /node_modules/, 
     query: { 
      presets: ['react', 'es2015', 'react-hmre'] //query will tell what bable-loader has to do, which is compiling JSX(react) and es2015 
     } 
     } 
    ] 
    }, 
    eslint: { 
    configFile: './.eslintrc' 
    } 
}; 

：私は唯一のデベロッパーツールの私bundle.js

マイ全体webpack.config.jsファイルがある見ることができますか？

Answer 1

ウェブパックの設定に問題はありません。

bundle.jsファイルが表示されているので、明らかにwebpack://フォルダが必要です。その下で、名前が.のフォルダが表示されます。展開すると、ソースファイルが表示されることがあります。