1

Rails アプリで React と webpack 用の react-hot-loader プラグインを使用して 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把握したいのですが、それを把握するだけでも役立ちます。

4

1 に答える 1

1

わかりました、私はそのプラグインを使用していませんが、あなたからは以下を更新する必要があると言われています:

年

  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')
      }
    ]
  },
于 2016-09-15T10:24:30.137 に答える