Не удается получить webpack-dev-server (webpack) для создания исходной карты в инструментах Chrome Dev

Question

Это работало для меня в прошлом с помощью ручного webpack, но для любого реагирующего проекта теперь я не могу получить исходную карту в инструментах dev, используя webpack-dev-server независимо от того, какую конфигурацию я использую. ive попробовал несколько значений devtools, включая 'source-map'. Я просто вижу «добавлять файлы в рабочую область» вместо «sourcemap detected» - любые идеи?

хром версия Версия 53.0.2785.143 (64-разрядная версия) (макинтош)

• Developer Tools Эксперименты флаг включен

  • 

WebPack версия 1.13 .2 webpack.config.js

/* eslint-disable */ 
const path = require('path'); 
var webpack = require('webpack'); 

module.exports = { 
    devtool: 'inline-source-map', 
    entry: './app.js', 
    output: { 
    path: path.join(__dirname, 'dist'), 
    filename: 'bundle.js' 
    }, 
    module: { 
    loaders: [{ 
     test: /\.js$/, 
     loader: 'babel', 
     exclude: /node_modules/, 
     include: __dirname 
    }] 
    }, 
} 

Answer 1

наконец понял это - Оказывается, это было столпотворение вопрос загрузчика конфигурации. Добавление параметра запроса к блоку загрузчика Babel позволило мне создать карты источников:

/* eslint-disable */ 
const path = require('path'); 
var webpack = require('webpack'); 

module.exports = { 
    devtool: 'source-map', 
    entry: './app.js', 
    output: { 
    path: path.join(__dirname, 'dist'), 
    filename: 'bundle.js' 
    }, 
    module: { 
    loaders: [{ 
     test: /\.js$/, 
     loader: 'babel', 
     exclude: /node_modules/, 
     include: __dirname, 
     //here 
     query: { 
     retainLines: true, 
     cacheDirectory: true 
     } 
    }] 
    }, 
}