反応ホットロードとレールを備えたウェブパック

Question

ウェブパック用のReactとホット・ローダー・プラグインを備えたRailsアプリケーションにWebpackセットアップがあります。正常に動作しており、私が期待しているファイルbundle.jsをビルドしていますが、ホットアップデートのたびにこのようなファイルを提供しています。0.bfeb31eda5c7e8da9473.hot-update.js私が使用しているプラ​​グインの1つの作者であるWriteFileWebpackPluginはtestのプロパティで.hotのファイルを見ないように言えると言っていましたが、それをどのように動作させるかわかりません。

はここに私のwebpack.config.jsだ

var webpack = require('webpack') 
var path = require('path') 
var WriteFilePlugin = require('write-file-webpack-plugin') 

module.exports = { 
    // watchOptions: { 
    // poll: true 
    // }, 
    context: __dirname + '/app/assets/javascripts', 
    entry: { 
    App: [ 
     'webpack-dev-server/client?http://localhost:8080/', 
     'webpack/hot/only-dev-server', 
     path.resolve(__dirname, 'app/assets/source/index.js') 
    ] 
    }, 
    output: { 
    path: path.resolve(__dirname, 'app/assets/javascripts'), 
    publicPath: 'http://localhost:8080/', 
    filename: 'bundle.js' 
    }, 
    module: { 
    loaders: [ 
     { test: /\.js$/, 
     loaders: ["react-hot", "babel"], 
     include: path.resolve(__dirname, 'app/assets/source') 
     } 
    ] 
    }, 
    devtool: 'inline-source-map', 
    devServer: { 
    outputPath: path.resolve(__dirname, 'app/assets/javascripts') 
    }, 
    plugins: [ 
    new WriteFilePlugin({test: /^.*[^\.].*\.js$/}), 
    new webpack.HotModuleReplacementPlugin(), 
    new webpack.NoErrorsPlugin() 
    ] 
} 

は、誰がこのに走っていますか？可能であれば、これがtestプロパティなしで解決できるかどうかを判断するのが理想的ですが、それだけでも役立つと考えても理想的です。

Answer 1

[OK]を、私はそのプラグインを使用していませんでしたが、あなたが言うから、次の更新する必要があります：

古い

module: { 
    loaders: [ 
     { test: /\.js$/, 
     loaders: ["react-hot", "babel"], 
     include: path.resolve(__dirname, 'app/assets/source') 
     } 
    ] 
    }, 

新しい

module: { 
    loaders: [ 
     { test: /^((?!(.hot-update)).)*\.js$/, 
     loaders: ["react-hot", "babel"], 
     include: path.resolve(__dirname, 'app/assets/source') 
     } 
    ] 
    },