<%= add_documentation_reference(config, “// github.com/shakacode/react_on_rails_demo_ssr_hmr/blob/master/config/webpack/development.js”) %>

const { devServer, inliningCss } = require(‘shakapacker’);

const webpackConfig = require(‘./webpackConfig’);

const developmentEnvOnly = (clientWebpackConfig, _serverWebpackConfig) => {

// plugins
if (inliningCss) {
  // Note, when this is run, we're building the server and client bundles in separate processes.
  // Thus, this plugin is not applied to the server bundle.

  // eslint-disable-next-line global-require
  const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
  clientWebpackConfig.plugins.push(
    new ReactRefreshWebpackPlugin({
      overlay: {
        sockPort: devServer.port,
      },
    }),
  );
}

};

module.exports = webpackConfig(developmentEnvOnly);