refactor: use a function for webpack config (#634)

templates/types/streaming/nextjs/next.config.json

@@ -3,13 +3,5 @@
     "outputFileTracingIncludes": {
       "/*": ["./cache/**/*"]
     }
-  },
-  "webpack": {
-    "resolve": {
-      "alias": {
-        "sharp$": false,
-        "onnxruntime-node$": false
-      }
-    }
   }
 }

templates/types/streaming/nextjs/next.config.mjs

 /** @type {import('next').NextConfig} */
 import fs from "fs";
-import _ from "lodash";
+import webpack from "./webpack.config.mjs";
 
 const nextConfig = JSON.parse(fs.readFileSync("./next.config.json", "utf-8"));
-const webpackConfig = _.cloneDeep(nextConfig.webpack);
-
-// webpack config must be a function in NextJS, to use a JSON as config, we merge the settings from next.config.json
-nextConfig.webpack = (config) => {
-  return _.merge(config, webpackConfig);
-};
+nextConfig.webpack = webpack;
 
 export default nextConfig;

templates/types/streaming/nextjs/webpack.config.mjs

+// webpack config must be a function in NextJS that is used to patch the default webpack config provided by NextJS, see https://nextjs.org/docs/pages/api-reference/next-config-js/webpack
+export default function webpack(config) {
+  // See https://webpack.js.org/configuration/resolve/#resolvealias
+  config.resolve.alias = {
+    ...config.resolve.alias,
+    sharp$: false,
+    "onnxruntime-node$": false,
+  };
+  return config;
+}