WebPackを無効にするHMR

Question

関連ソースのJavaScriptファイルが変更されている場合は、.bundle.jsファイルをコンパイルする簡単なファイルを実行しようとしています。現時点では、ホットモジュール交換（HMR）を有効にしたくありません。

私は、サーバーの作業を持っているが、それはJavaScriptコンソールに次のエラーが出力されます。

GET https://monkey.transposit.com:3000/sockjs-node/info?t=1486581439029 net::ERR_CONNECTION_CLOSED 
    AbstractXHRObject._start @ home.bundle.js:3182 
    (anonymous) @ home.bundle.js:3071 
[WDS] Disconnected! 
    log @ home.bundle.js:3684 
    close @ home.bundle.js:3753 
    sock.onclose @ home.bundle.js:3980 
    EventTarget.dispatchEvent @ home.bundle.js:2917 
    (anonymous) @ home.bundle.js:6021 
GET https://monkey.transposit.com:3000/sockjs-node/info?t=1486581439029 net::ERR_CONNECTION_CLOSED 
    AbstractXHRObject._start @ home.bundle.js:3182 
    (anonymous) @ home.bundle.js:3071 
GET https://monkey.transposit.com:3000/sockjs-node/info?t=1486581440063 net::ERR_CONNECTION_CLOSED 
    AbstractXHRObject._start @ home.bundle.js:3182 
    (anonymous) @ home.bundle.js:3071 

私はブラウザが、私はこれらのエラーを見ていることをやろうとしているものでは不明です。 （特にバンドルがコンパイルされ、正常にサービスされているため）。

ここに私のwebpack.config.jsです：

const path = require('path'); 
module.exports = { 
    entry: { 
    project_console: './src/console/console', 
    … 
    }, 
    output: { 
    filename: '[name].bundle.js', 
    path: path.join(__dirname, 'dist'), 
    publicPath: '/js/', 
    library: '[name]', 
    libraryTarget: 'var' 
    }, 
    module: { 
    rules: [ 
     {test: /\.js$/, use: ['babel-loader'], include: path.join(__dirname, 'src')}, 
     {test: /\.scss/, use: ['style-loader', 'css-loader', 'sass-loader']} 
    ] 
    }, 
    devServer: { 
    host: '0.0.0.0', 
    port: 3000, 
    hot: false 
    } 
}; 

はここに私のpackage.jsonだ：

{ 
    … 
    "files": [ 
    "src/" 
    ], 
    "scripts": { 
    "start": "webpack-dev-server”, 
    … 
    }, 
    "dependencies": { 
    "react": "^15.4.2", 
    "react-dom": "^15.4.2”, 
    … 
    }, 
    "devDependencies": { 
    "webpack": "^2.2.1", 
    "webpack-dev-server": "^2.3.0”, 
    … 
    } 
    "babel": { 
    "presets": [ 
     "es2015", 
     "react" 
    ] 
    } 
    … 
} 

は、任意の助けをありがとう！

Answer 1

webpack-dev-serverの呼び出しに--no-lineを追加しました。これが私の問題を解決しました。

はここに私のpackage.jsonです：

{ 
    "scripts": { 
    "start": "webpack-dev-server --no-inline”, 
    … 
    } 
}