const webpack = require("webpack");
const { merge } = require('webpack-merge');
const base = require("./webpack.base.config");
const VueSSRClientPlugin = require("vue-server-renderer/client-plugin");

module.exports = merge(base, {
  mode: process.env.NODE_ENV || "development",
  entry: {
    app: "./src/entry-client.js",
  },
  plugins: [
    // strip dev-only code in Vue source
    new webpack.DefinePlugin({
      "process.env.NODE_ENV": JSON.stringify(
        process.env.NODE_ENV || "development"
      ),
      "process.env.VUE_ENV": '"client"',
    }),
    new VueSSRClientPlugin(),
  ],

  optimization: {
    splitChunks: {
      chunks: "all",
      minChunks: 1,
      name: "manifest"
    },
  },
});