webpack/browserifyのデバッグIntelliJ/WebStormのReactアプリケーション

Question

オンラインで見つけたほとんどのガイドをたどり、IntelliJのデバッガをブレークポイントで停止させることはできません。

私はルータでReactアプリを開発しています。バックエンドはPlay Frameworkにあります。

私はソースマップを使用して生成しようとしました。これはgulpFilesからです：

var bundler = watchify(browserify('./frontend/app.jsx', { debug: true }).transform(babel, { 
     presets: ["es2015","react","stage-3"], 
     plugins: [ 
      "transform-decorators-legacy", 
      "transform-runtime" 
     ] 
    })); 

ソースマップが生成されました。私はChromeデバッガでデバッグできましたが、IntelliJでは使用できません。私はコンソール出力しか見ることができません。

私はWebPACKので生成しようとした：私はIntelliJの内のブレークポイントで停止することはできません

var webpack = require('webpack'); 
var path = require('path'); 

var BUILD_DIR = path.resolve(__dirname, 'public/javascripts'); 
var APP_DIR = path.resolve(__dirname, 'frontend'); 

var config = { 
    entry: APP_DIR + '/app.jsx', 
    output: { 
     path: BUILD_DIR, 
     filename: 'bundle.js' 
    }, 
    module : { 
     loaders : [ 
      { 
       test : /\.jsx?/, 
       include : APP_DIR, 
       loader : 'babel-loader' 
      } 
     ] 
    }, 
    devtool: "source-map" 

}; 

module.exports = config; 

同じことを。それでも運とブレークポイントが動作していないされていない

Name: React Debug 
URL: http://localhost:9000/index 
Remote URLs of local files (optional) : ./frontend 

：

は、私はこのようなJavaScriptのデバッグを設定しました。私は何が欠けているのですか？

Answer 1

私はそれをWebpackで動作させることができました。 私はWebPACKの、代わりの実行にNPMタスクを使用していました：

webpack -d --watch 

どこでも示唆されたとして。私はこの使用：明らかに間違っている

webpack --debug --output-pathinfo --watch