WebpackMerge array

base.js

let clientConfig = {
  entry: "./src/website/js/App.tsx"
}

let serverConfig = {
  entry: "./src/server/server.js",
  output: {
    path: path.resolve(__dirname, "dist"),
    filename: "server.js",
  },
  target: "node"
};
}

module.exports = [clientConfig, serverConfig];

dev-ideal.js

const config = require("./webpack.base.js");
const webpackMerge = require("webpack-merge");

let clientConfig = {
  devtool: "source-map",
  output: {
    filename: "[name].js"
  }
}

//Just need to alter the client config here
module.exports = webpackMerge(config, [clientConfig]);

//But we want the exports to still be an array, i.e. has both the altered client config AND the unaltered server config

dev-notideal.js

const config = require("./webpack.base.js");
const webpackMerge = require("webpack-merge");

let clientConfig = {
  devtool: "source-map",
  output: {
    filename: "[name].js"
  }
}

//Not the cleanest, but works correctly!
module.exports = [webpackMerge(config[0], clientConfig), config[1]];

prod-notideal.js

const config = require("./webpack.base.js");
const webpackMerge = require("webpack-merge");

let clientConfig = {
  output: {
    filename: "[name].[chunkhash].js" //some production chunk/hash magic
  }
}

//Not DRY
module.exports = [webpackMerge(config[0], clientConfig), config[1]];