Use expose?React webpack loader only in dev environment

Author: mbreining

webpack/webpack.common.config.js

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

webpack/webpack.hot.config.js

@@ -13,7 +13,8 @@ config.entry.push("webpack-dev-server/client?http://localhost:3000",
 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"] },
+ { test: require.resolve("react"), loader: "expose?React" },
+ { test: /\.jsx$/, loaders: ["react-hot", "es6", "jsx?harmony"] }
 );
 config.plugins = [ new webpack.HotModuleReplacementPlugin() ];
 config.devtool = "eval-source-map";

webpack/webpack.rails.config.js

@@ -21,6 +21,7 @@ var devBuild = (typeof process.env["BUILDPACK_URL"]) === "undefined";
 if (devBuild) {
  console.log("Webpack dev build for Rails");
  config.module.loaders.push(
+ { test: require.resolve("react"), loader: "expose?React" },
  { test: /\.jsx$/, loaders: ["react-hot", "es6", "jsx?harmony"] }
  );
  config.devtool = "eval-source-map";