シンプルなwebpack設定でソースマップが生成されない

Question

JSXを使用して定義された単一のコンポーネントで構成される単純なReactアプリケーション用に生成されたソースマップを取得できません。私はwebpack -d -wを実行して私のアプリをコンパイルしていて、私はnodemonでアプリを提供しています。私はさまざまなソースマップツールを試しましたが、私は運がありません。誰もこれを見たことがありますか？また、出力にsourceMapの名前を設定しようとしましたが、ファイルが生成されている間も、私のエラーがまだ私のバンドルを指しているので、デバッグ時には動作しません。ここで

は私の設定です：あなたが貼り付けられ、この設定がのためにある場合

module.exports = { 
 
    devtool: "source-map", 
 
    entry: './js/app.js', 
 
    output: { 
 
     path: __dirname + "/public", 
 
     filename: 'bundle.js' 
 
    }, 
 
    //loaders 
 
    module: { 
 
     loaders: [ 
 
      {test: /\.js$/, loader: 'babel-loader', 
 
      query : { presets: ['react', 'es2015']} 
 
     } 
 
     ] 
 
    } 
 
}

、ここでは私のpackage.json

{ 
 
    "name": "relay_tutorial", 
 
    "version": "1.0.0", 
 
    "description": "", 
 
    "scripts": { 
 
    "test": "echo \"Error: no test specified\" && exit 1", 
 
    "start": "babel-node --presets react,es2015 server.js" 
 
    }, 
 
    "author": "", 
 
    "license": "ISC", 
 
    "dependencies": { 
 
    "babel": "^6.23.0", 
 
    "babel-cli": "^6.24.1", 
 
    "babel-core": "^6.24.1", 
 
    "babel-loader": "^7.0.0", 
 
    "babel-preset-es2015": "^6.24.1", 
 
    "babel-preset-react": "^6.24.1", 
 
    "express": "^4.15.2", 
 
    "lodash": "^4.17.4", 
 
    "react": "^15.5.4", 
 
    "react-dom": "^15.5.4", 
 
    "webpack": "^2.5.1" 
 
    }, 
 
    "devDependencies": { 
 
    "babel-preset-es2015": "^6.24.1" 
 
    } 
 
}

Answer 1

ですデ使用環境：eval-source-mapまたはevalを使用してください。詳細情報here