Use react-hot webpack loader only in dev environment

Author: mbreining

webpack/webpack.common.config.js

@@ -18,7 +18,6 @@ module.exports = {
  module: {
  loaders: [
  { test: require.resolve("react"), loader: "expose?React" },
- { test: /\.jsx$/, loaders: ["react-hot", "es6", "jsx?harmony"] },
  { test: /\.css$/, loader: "style-loader!css-loader" },
  { test: /\.scss$/, loader: "style!css!sass?outputStyle=expanded&imagePath=/assets/images"},
 

webpack/webpack.hot.config.js

@@ -12,6 +12,9 @@ config.entry.push("webpack-dev-server/client?http://localhost:3000",
  "bootstrap-sass!./bootstrap-sass.config.js"); // custom bootstrap
 config.output = { filename: "express-bundle.js", // this file is served directly by webpack
  path: __dirname };
+config.module.loaders.push(
+ { test: /\.jsx$/, loaders: ["react-hot", "es6", "jsx?harmony"] },
+);
 config.plugins = [ new webpack.HotModuleReplacementPlugin() ];
 config.devtool = "eval-source-map";
 module.exports = config;

webpack/webpack.rails.config.js

@@ -9,18 +9,26 @@ config.output = { filename: "webpack-bundle.js",
  path: "../app/assets/javascripts" };
 config.externals = { jquery: "var jQuery" }; // load jQuery from cdn or rails asset pipeline
 config.module.loaders.push(
+ { test: /\.jsx$/, loaders: ["es6", "jsx?harmony"] },
  { test: /\.scss$/, loader: "style!css!sass?outputStyle=expanded&imagePath=/assets/images"},
  // Next 2 lines expose jQuery and $ to any JavaScript files loaded after webpack-bundle.js
  // in the Rails Asset Pipeline. Thus, load this one prior.
  { test: require.resolve("jquery"), loader: "expose?jQuery" },
  { test: require.resolve("jquery"), loader: "expose?$" }
 );
-module.exports = config;
 
 var devBuild = (typeof process.env["BUILDPACK_URL"]) === "undefined";
 if (devBuild) {
  console.log("Webpack dev build for Rails");
- module.exports.devtool = "eval-source-map";
+ config.module.loaders.push(
+ { test: /\.jsx$/, loaders: ["react-hot", "es6", "jsx?harmony"] }
+ );
+ config.devtool = "eval-source-map";
 } else {
  console.log("Webpack production build for Rails");
+ config.module.loaders.push(
+ { test: /\.jsx$/, loaders: ["es6", "jsx?harmony"] }
+ );
 }
+
+module.exports = config;