16

反応ホット webpack ローダーを正しく動作させるのに少し問題があります。

ページをロードすると、期待どおりに次のようになります。

[HMR] WDS からの更新信号を待っています...
[WDS] ホット モジュール交換が有効になりました。

しかし、変更を保存すると、ページは (HMR の置き換えではなく) ブラウザーを自動的にハード リフレッシュします。

//webpack.config.js

 {
  entry: {
    client: 'webpack-dev-server/client?http://localhost:8786', // WebpackDevServer host and port
    app: "./HelloWorld.tsx"
  },
  devtool: process.env.WEBPACK_DEVTOOL || 'cheap-module-source-map',
  output: {
        path: path.join(__dirname, 'dist'),
        filename: '[name].entry.js'
  },
  module: {
    loaders: [
      {
        test: /\.ts(x?)$/,
        loaders: ['react-hot', 'babel-loader?cacheDirectory=true,presets[]=es2015,presets[]=react', 'ts-loader']
      }
    ]
  },
    devServer: {
        contentBase: "./dist",
    port:8786
    },
    plugins: [
        new webpack.NoErrorsPlugin()
    ]
}

指図：webpack-dev-server --hot --inline

興味深いことに、babel-preset-react-hmreすべてを使用すると期待どおりに機能します。（ただし、適切な反応ホットローダーよりもサポートが少ないように見えるため、これは実際には使用したくありません）。

4

1 に答える 1