@nuxt/webpack-builder 3.0.0-rc.0 → 3.0.0-rc.10

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { Nuxt } from '@nuxt/schema';
 
-declare function bundle(nuxt: Nuxt): Promise<unknown[]>;
+declare function bundle(nuxt: Nuxt): Promise<unknown[] | undefined>;
 
 export { bundle };

package/dist/index.mjs

@@ -1,79 +1,111 @@
 import pify from 'pify';
 import webpack from 'webpack';
+import { promisifyHandler } from 'h3';
 import webpackDevMiddleware from 'webpack-dev-middleware';
 import webpackHotMiddleware from 'webpack-hot-middleware';
-import { joinURL } from 'ufo';
+import { parseURL, parseQuery, joinURL } from 'ufo';
 import { useNuxt, logger, requireModule } from '@nuxt/kit';
+import { pathToFileURL } from 'node:url';
 import { createUnplugin } from 'unplugin';
-import 'escape-string-regexp';
+import { isAbsolute, relative, join, resolve, normalize, dirname } from 'pathe';
+import { walk } from 'estree-walker';
 import MagicString from 'magic-string';
-import { join, resolve, dirname, isAbsolute } from 'pathe';
+import { hash } from 'ohash';
 import { createFsFromVolume, Volume } from 'memfs';
 import VirtualModulesPlugin from 'webpack-virtual-modules';
 import querystring from 'node:querystring';
 import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
-import { cloneDeep, defaults, merge, uniq } from 'lodash-es';
+import { cloneDeep, defaults as defaults$1, merge, uniq } from 'lodash-es';
 import TimeFixPlugin from 'time-fix-plugin';
 import WebpackBar from 'webpackbar';
 import FriendlyErrorsWebpackPlugin from '@nuxt/friendly-errors-webpack-plugin';
+import escapeRegExp from 'escape-string-regexp';
 import esbuildLoader from 'esbuild-loader';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
 import { createCommonJS } from 'mlly';
 import VueLoaderPlugin from 'vue-loader/dist/pluginWebpack5.js';
-import hash from 'hash-sum';
+import { normalizeWebpackManifest } from 'vue-bundle-renderer';
+import hash$1 from 'hash-sum';
 import fse from 'fs-extra';
 import ForkTSCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
 
-const VITE_ASSET_RE = /^export default ["'](__VITE_ASSET.*)["']$/;
-const DynamicBasePlugin = createUnplugin(function(options = {}) {
+const keyedFunctions = [
+  "useState",
+  "useFetch",
+  "useAsyncData",
+  "useLazyAsyncData",
+  "useLazyFetch"
+];
+const KEYED_FUNCTIONS_RE = new RegExp(`(${keyedFunctions.join("|")})`);
+const composableKeysPlugin = createUnplugin((options) => {
   return {
-    name: "nuxt:dynamic-base-path",
-    resolveId(id) {
-      if (id.startsWith("/__NUXT_BASE__")) {
-        return id.replace("/__NUXT_BASE__", "");
-      }
-      if (id === "#internal/nitro") {
-        return "#internal/nitro";
-      }
-      return null;
-    },
+    name: "nuxt:composable-keys",
     enforce: "post",
     transform(code, id) {
-      const s = new MagicString(code);
-      if (options.globalPublicPath && id.includes("paths.mjs") && code.includes("const appConfig = ")) {
-        s.append(`${options.globalPublicPath} = buildAssetsURL();
-`);
-      }
-      const assetId = code.match(VITE_ASSET_RE);
-      if (assetId) {
-        s.overwrite(0, code.length, [
-          "import { buildAssetsURL } from '#build/paths.mjs';",
-          `export default buildAssetsURL("${assetId[1]}".replace("/__NUXT_BASE__", ""));`
-        ].join("\n"));
-      }
-      if (!id.includes("paths.mjs") && code.includes("NUXT_BASE") && !code.includes("import { publicAssetsURL as __publicAssetsURL }")) {
-        s.prepend("import { publicAssetsURL as __publicAssetsURL } from '#build/paths.mjs';\n");
+      const { pathname, search } = parseURL(decodeURIComponent(pathToFileURL(id).href));
+      if (!pathname.match(/\.(m?[jt]sx?|vue)/) || parseQuery(search).type === "style") {
+        return;
       }
-      if (id === "vite/preload-helper") {
-        s.prepend("import { buildAssetsDir } from '#build/paths.mjs';\n");
-        s.replace(/const base = ['"]\/__NUXT_BASE__\/['"]/, "const base = buildAssetsDir()");
-      }
-      s.replace(/from *['"]\/__NUXT_BASE__(\/[^'"]*)['"]/g, 'from "$1"');
-      for (const delimiter of ["`", "'", '"']) {
-        const delimiterRE = new RegExp(`(?<!(const base = |from *))${delimiter}([^${delimiter}]*)\\/__NUXT_BASE__\\/([^${delimiter}]*)${delimiter}`, "g");
-        s.replace(delimiterRE, (r) => "`" + r.replace(/\/__NUXT_BASE__\//g, "${__publicAssetsURL()}").slice(1, -1) + "`");
+      if (!KEYED_FUNCTIONS_RE.test(code)) {
+        return;
       }
+      const { 0: script = code, index: codeIndex = 0 } = code.match(/(?<=<script[^>]*>)[\S\s.]*?(?=<\/script>)/) || [];
+      const s = new MagicString(code);
+      let count = 0;
+      const relativeID = isAbsolute(id) ? relative(options.rootDir, id) : id;
+      walk(this.parse(script, {
+        sourceType: "module",
+        ecmaVersion: "latest"
+      }), {
+        enter(_node) {
+          if (_node.type !== "CallExpression" || _node.callee.type !== "Identifier") {
+            return;
+          }
+          const node = _node;
+          if (keyedFunctions.includes(node.callee.name) && node.arguments.length < 4) {
+            const end = node.end;
+            s.appendLeft(
+              codeIndex + end - 1,
+              (node.arguments.length ? ", " : "") + "'$" + hash(`${relativeID}-${++count}`) + "'"
+            );
+          }
+        }
+      });
       if (s.hasChanged()) {
         return {
           code: s.toString(),
-          map: s.generateMap({ source: id, includeContent: true })
+          map: options.sourcemap ? s.generateMap({ source: id, includeContent: true }) : void 0
         };
       }
     }
   };
 });
 
+const defaults = {
+  globalPublicPath: "__webpack_public_path__",
+  sourcemap: true
+};
+const DynamicBasePlugin = createUnplugin((options = {}) => {
+  options = { ...defaults, ...options };
+  return {
+    name: "nuxt:dynamic-base-path",
+    enforce: "post",
+    transform(code, id) {
+      if (!id.includes("paths.mjs") || !code.includes("const appConfig = ")) {
+        return;
+      }
+      const s = new MagicString(code);
+      s.append(`${options.globalPublicPath} = buildAssetsURL();
+`);
+      return {
+        code: s.toString(),
+        map: options.sourcemap ? s.generateMap({ source: id, includeContent: true }) : void 0
+      };
+    }
+  };
+});
+
 function createMFS() {
   const fs = createFsFromVolume(new Volume());
   const _fs = { ...fs };
@@ -147,7 +179,11 @@ function getWebpackConfig(ctx) {
   const loaders = [];
   const { extend } = options.build;
   if (typeof extend === "function") {
-    const extendedConfig = extend.call(builder, config, { loaders, ...ctx }) || config;
+    const extendedConfig = extend.call(
+      builder,
+      config,
+      { loaders, ...ctx }
+    ) || config;
     const pragma = /@|#/;
     const { devtool } = extendedConfig;
     if (typeof devtool === "string" && pragma.test(devtool)) {
@@ -160,34 +196,38 @@ function getWebpackConfig(ctx) {
 }
 
 function assets(ctx) {
-  ctx.config.module.rules.push({
-    test: /\.(png|jpe?g|gif|svg|webp)$/i,
-    use: [{
-      loader: "url-loader",
-      options: {
-        ...ctx.options.webpack.loaders.imgUrl,
-        name: fileName(ctx, "img")
-      }
-    }]
-  }, {
-    test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/i,
-    use: [{
-      loader: "url-loader",
-      options: {
-        ...ctx.options.webpack.loaders.fontUrl,
-        name: fileName(ctx, "font")
-      }
-    }]
-  }, {
-    test: /\.(webm|mp4|ogv)$/i,
-    use: [{
-      loader: "file-loader",
-      options: {
-        ...ctx.options.webpack.loaders.file,
-        name: fileName(ctx, "video")
-      }
-    }]
-  });
+  ctx.config.module.rules.push(
+    {
+      test: /\.(png|jpe?g|gif|svg|webp)$/i,
+      use: [{
+        loader: "url-loader",
+        options: {
+          ...ctx.options.webpack.loaders.imgUrl,
+          name: fileName(ctx, "img")
+        }
+      }]
+    },
+    {
+      test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/i,
+      use: [{
+        loader: "url-loader",
+        options: {
+          ...ctx.options.webpack.loaders.fontUrl,
+          name: fileName(ctx, "font")
+        }
+      }]
+    },
+    {
+      test: /\.(webm|mp4|ogv)$/i,
+      use: [{
+        loader: "file-loader",
+        options: {
+          ...ctx.options.webpack.loaders.file,
+          name: fileName(ctx, "video")
+        }
+      }]
+    }
+  );
 }
 
 class WarningIgnorePlugin {
@@ -206,7 +246,8 @@ function base(ctx) {
     baseAlias,
     baseConfig,
     basePlugins,
-    baseResolve
+    baseResolve,
+    baseTranspile
   ]);
 }
 function baseConfig(ctx) {
@@ -231,6 +272,7 @@ function baseConfig(ctx) {
 }
 function basePlugins(ctx) {
   const { config, options, nuxt } = ctx;
+  config.plugins = config.plugins || [];
   if (options.dev) {
     config.plugins.push(new TimeFixPlugin());
   }
@@ -238,11 +280,13 @@ function basePlugins(ctx) {
   config.plugins.push(new WarningIgnorePlugin(getWarningIgnoreFilter(ctx)));
   config.plugins.push(new webpack.DefinePlugin(getEnv(ctx)));
   if (ctx.isServer || ctx.isDev && !options.build.quiet && options.webpack.friendlyErrors) {
-    ctx.config.plugins.push(new FriendlyErrorsWebpackPlugin({
-      clearConsole: false,
-      reporter: "consola",
-      logLevel: "ERROR"
-    }));
+    config.plugins.push(
+      new FriendlyErrorsWebpackPlugin({
+        clearConsole: false,
+        reporter: "consola",
+        logLevel: "ERROR"
+      })
+    );
   }
   if (nuxt.options.webpack.profile) {
     const colors = {
@@ -306,6 +350,25 @@ function baseResolve(ctx) {
     ...config.resolveLoader
   };
 }
+function baseTranspile(ctx) {
+  const { options } = ctx;
+  const transpile = [
+    /\.vue\.js/i,
+    /consola\/src/,
+    /vue-demi/
+  ];
+  for (let pattern of options.build.transpile) {
+    if (typeof pattern === "function") {
+      pattern = pattern(ctx);
+    }
+    if (typeof pattern === "string") {
+      transpile.push(new RegExp(escapeRegExp(normalize(pattern))));
+    } else if (pattern instanceof RegExp) {
+      transpile.push(pattern);
+    }
+  }
+  ctx.transpile = [...transpile, ...ctx.transpile];
+}
 function getCache(ctx) {
   const { options } = ctx;
   if (!options.dev) {
@@ -315,7 +378,7 @@ function getCache(ctx) {
 function getOutput(ctx) {
   const { options } = ctx;
   return {
-    path: resolve(options.buildDir, "dist", ctx.isServer ? "server" : "client"),
+    path: resolve(options.buildDir, "dist", ctx.isServer ? "server" : joinURL("client", options.app.buildAssetsDir)),
     filename: fileName(ctx, "app"),
     chunkFilename: fileName(ctx, "chunk"),
     publicPath: joinURL(options.app.baseURL, options.app.buildAssetsDir)
@@ -357,31 +420,34 @@ function esbuild(ctx) {
   const { config } = ctx;
   const target = ctx.isServer ? "es2019" : "chrome85";
   config.optimization.minimizer.push(new esbuildLoader.ESBuildMinifyPlugin());
-  config.module.rules.push({
-    test: /\.m?[jt]s$/i,
-    loader: "esbuild-loader",
-    exclude: (file) => {
-      file = file.split("node_modules", 2)[1];
-      if (!file) {
-        return false;
+  config.module.rules.push(
+    {
+      test: /\.m?[jt]s$/i,
+      loader: "esbuild-loader",
+      exclude: (file) => {
+        file = file.split("node_modules", 2)[1];
+        if (!file) {
+          return false;
+        }
+        return !ctx.transpile.some((module) => module.test(file));
+      },
+      resolve: {
+        fullySpecified: false
+      },
+      options: {
+        loader: "ts",
+        target
       }
-      return !ctx.transpile.some((module) => module.test(file));
-    },
-    resolve: {
-      fullySpecified: false
     },
-    options: {
-      loader: "ts",
-      target
-    }
-  }, {
-    test: /\.m?[jt]sx$/,
-    loader: "esbuild-loader",
-    options: {
-      loader: "tsx",
-      target
+    {
+      test: /\.m?[jt]sx$/,
+      loader: "esbuild-loader",
+      options: {
+        loader: "tsx",
+        target
+      }
     }
-  });
+  );
 }
 
 function pug(ctx) {
@@ -460,7 +526,7 @@ const getPostcssConfig = (nuxt) => {
   if (!nuxt.options.webpack.postcss || !nuxt.options.postcss) {
     return false;
   }
-  const configFile = nuxt.options.postcss?.config;
+  const configFile = nuxt.options.postcss.config;
   if (configFile) {
     return {
       postcssOptions: {
@@ -472,7 +538,7 @@ const getPostcssConfig = (nuxt) => {
   let postcssOptions = cloneDeep(nuxt.options.postcss);
   if (isPureObject(postcssOptions)) {
     if (Array.isArray(postcssOptions.plugins)) {
-      defaults(postcssOptions, defaultConfig());
+      defaults$1(postcssOptions, defaultConfig());
     } else {
       postcssOptions = merge({}, defaultConfig(), postcssOptions);
       loadPlugins(postcssOptions);
@@ -507,7 +573,7 @@ function extractCSS(ctx) {
     config.plugins.push(new MiniCssExtractPlugin({
       filename: fileName(ctx, "css"),
       chunkFilename: fileName(ctx, "css"),
-      ...options.webpack.extractCSS
+      ...options.webpack.extractCSS === true ? {} : options.webpack.extractCSS
     }));
   }
 }
@@ -564,10 +630,6 @@ function createCssLoadersRule(ctx, cssLoaderOptions) {
     ];
   }
   return [
-    {
-      loader: "vue-style-loader",
-      options: options.webpack.loaders.vueStyle
-    },
     cssLoader
   ];
 }
@@ -591,17 +653,19 @@ const validate = (compiler) => {
     logger.warn('webpack config `target` should be "node".');
   }
   if (!compiler.options.externals) {
-    logger.info("It is recommended to externalize dependencies in the server build for better build performance.");
+    logger.info(
+      "It is recommended to externalize dependencies in the server build for better build performance."
+    );
   }
 };
 const isJSRegExp = /\.[cm]?js(\?[^.]+)?$/;
 const isJS = (file) => isJSRegExp.test(file);
-const extractQueryPartJS = (file) => isJSRegExp.exec(file)[1];
+const extractQueryPartJS = (file) => isJSRegExp.exec(file)?.[1];
 const isCSS = (file) => /\.css(\?[^.]+)?$/.test(file);
 const isHotUpdate = (file) => file.includes("hot-update");
 
 class VueSSRClientPlugin {
-  constructor(options = {}) {
+  constructor(options) {
     this.options = Object.assign({
       filename: null
     }, options);
@@ -613,14 +677,14 @@ class VueSSRClientPlugin {
       const initialFiles = uniq(Object.keys(stats.entrypoints).map((name) => stats.entrypoints[name].assets).reduce((files, entryAssets) => files.concat(entryAssets.map((entryAsset) => entryAsset.name)), []).filter((file) => isJS(file) || isCSS(file))).filter((file) => !isHotUpdate(file));
       const asyncFiles = allFiles.filter((file) => isJS(file) || isCSS(file)).filter((file) => !initialFiles.includes(file)).filter((file) => !isHotUpdate(file));
       const assetsMapping = {};
-      stats.assets.filter(({ name }) => isJS(name)).filter(({ name }) => !isHotUpdate(name)).forEach(({ name, chunkNames }) => {
-        const componentHash = hash(chunkNames.join("|"));
+      stats.assets.filter(({ name }) => isJS(name)).filter(({ name }) => !isHotUpdate(name)).forEach(({ name, chunkNames = [] }) => {
+        const componentHash = hash$1(chunkNames.join("|"));
         if (!assetsMapping[componentHash]) {
           assetsMapping[componentHash] = [];
         }
         assetsMapping[componentHash].push(name);
       });
-      const manifest = {
+      const webpackManifest = {
         publicPath: stats.publicPath,
         all: allFiles,
         initial: initialFiles,
@@ -628,9 +692,9 @@ class VueSSRClientPlugin {
         modules: {},
         assetsMapping
       };
-      const { entrypoints, namedChunkGroups } = stats;
+      const { entrypoints = {}, namedChunkGroups = {} } = stats;
       const assetModules = stats.modules.filter((m) => m.assets.length);
-      const fileToIndex = (file) => manifest.all.indexOf(file);
+      const fileToIndex = (file) => webpackManifest.all.indexOf(file);
       stats.modules.forEach((m) => {
         if (m.chunks.length === 1) {
           const [cid] = m.chunks;
@@ -651,12 +715,12 @@ class VueSSRClientPlugin {
             }
           }
           const files = Array.from(filesSet);
-          manifest.modules[hash(id)] = files;
+          webpackManifest.modules[hash$1(id)] = files;
           if (Array.isArray(m.modules)) {
             for (const concatenatedModule of m.modules) {
-              const id2 = hash(concatenatedModule.identifier.replace(/\s\w+$/, ""));
-              if (!manifest.modules[id2]) {
-                manifest.modules[id2] = files;
+              const id2 = hash$1(concatenatedModule.identifier.replace(/\s\w+$/, ""));
+              if (!webpackManifest.modules[id2]) {
+                webpackManifest.modules[id2] = files;
               }
             }
           }
@@ -667,6 +731,8 @@ class VueSSRClientPlugin {
           });
         }
       });
+      const manifest = normalizeWebpackManifest(webpackManifest);
+      await this.options.nuxt.callHook("build:manifest", manifest);
       const src = JSON.stringify(manifest, null, 2);
       await fse.mkdirp(dirname(this.options.filename));
       await fse.writeFile(this.options.filename, src);
@@ -697,11 +763,15 @@ class VueSSRServerPlugin {
         }
         const entryAssets = entryInfo.assets.filter((asset) => isJS(asset.name));
         if (entryAssets.length > 1) {
-          throw new Error("Server-side bundle should have one single entry file. Avoid using CommonsChunkPlugin in the server config.");
+          throw new Error(
+            "Server-side bundle should have one single entry file. Avoid using CommonsChunkPlugin in the server config."
+          );
         }
         const [entry] = entryAssets;
         if (!entry || typeof entry.name !== "string") {
-          throw new Error(`Entry "${entryName}" not found. Did you specify the correct entry option?`);
+          throw new Error(
+            `Entry "${entryName}" not found. Did you specify the correct entry option?`
+          );
         }
         const bundle = {
           entry: entry.name,
@@ -752,7 +822,8 @@ function vue(ctx) {
   });
   if (ctx.isClient) {
     config.plugins.push(new VueSSRClientPlugin({
-      filename: resolve(options.buildDir, "dist/server", `${ctx.name}.manifest.json`)
+      filename: resolve(options.buildDir, "dist/server", `${ctx.name}.manifest.json`),
+      nuxt: ctx.nuxt
     }));
   } else {
     config.plugins.push(new VueSSRServerPlugin({
@@ -789,10 +860,14 @@ function client(ctx) {
   ]);
 }
 function clientDevtool(ctx) {
-  if (!ctx.isDev) {
+  if (!ctx.nuxt.options.sourcemap.client) {
     ctx.config.devtool = false;
     return;
   }
+  if (!ctx.isDev) {
+    ctx.config.devtool = "source-map";
+    return;
+  }
   const scriptPolicy = getCspScriptPolicy(ctx);
   const noUnsafeEval = scriptPolicy && !scriptPolicy.includes("'unsafe-eval'");
   ctx.config.devtool = noUnsafeEval ? "cheap-module-source-map" : "eval-cheap-module-source-map";
@@ -821,7 +896,10 @@ function clientHMR(ctx) {
   };
   const hotMiddlewareClientOptionsStr = querystring.stringify(hotMiddlewareClientOptions);
   const app = config.entry.app;
-  app.unshift(`webpack-hot-middleware/client?${hotMiddlewareClientOptionsStr}`);
+  app.unshift(
+    `webpack-hot-middleware/client?${hotMiddlewareClientOptionsStr}`
+  );
+  config.plugins = config.plugins || [];
   config.plugins.push(new webpack.HotModuleReplacementPlugin());
 }
 function clientOptimization(_ctx) {
@@ -897,7 +975,7 @@ function server(ctx) {
 function serverPreset(ctx) {
   const { config } = ctx;
   config.output.filename = "server.mjs";
-  config.devtool = "cheap-module-source-map";
+  config.devtool = ctx.nuxt.options.sourcemap.server ? ctx.isDev ? "cheap-module-source-map" : "source-map" : false;
   config.optimization = {
     splitChunks: false,
     minimize: false
@@ -921,17 +999,21 @@ function serverStandalone(ctx) {
     return;
   }
   ctx.config.externals.push(({ request }, cb) => {
+    if (!request) {
+      return cb(void 0, false);
+    }
     if (external.includes(request)) {
-      return cb(null, true);
+      return cb(void 0, true);
     }
     if (request[0] === "." || isAbsolute(request) || inline.find((prefix) => typeof prefix === "string" && request.startsWith(prefix)) || assetPattern.test(request)) {
-      return cb(null, false);
+      return cb(void 0, false);
     }
-    return cb(null, true);
+    return cb(void 0, true);
   });
 }
 function serverPlugins(ctx) {
   const { config, options } = ctx;
+  config.plugins = config.plugins || [];
   if (options.webpack.serverURLPolyfill) {
     config.plugins.push(new webpack.ProvidePlugin({
       URL: [options.webpack.serverURLPolyfill, "URL"],
@@ -939,12 +1021,12 @@ function serverPlugins(ctx) {
     }));
   }
   if (ctx.nuxt.options.typescript.typeCheck === true || ctx.nuxt.options.typescript.typeCheck === "build" && !ctx.nuxt.options.dev) {
-    ctx.config.plugins.push(new ForkTSCheckerWebpackPlugin({ logger }));
+    config.plugins.push(new ForkTSCheckerWebpackPlugin({ logger }));
   }
 }
 
 async function bundle(nuxt) {
-  await registerVirtualModules();
+  registerVirtualModules();
   const webpackConfigs = [client, ...nuxt.options.ssr ? [server] : []].map((preset) => {
     const ctx = createWebpackConfigContext(nuxt);
     applyPresets(ctx, preset);
@@ -954,7 +1036,11 @@ async function bundle(nuxt) {
   const mfs = nuxt.options.dev ? createMFS() : null;
   const compilers = webpackConfigs.map((config) => {
     config.plugins.push(DynamicBasePlugin.webpack({
-      globalPublicPath: "__webpack_public_path__"
+      sourcemap: nuxt.options.sourcemap[config.name]
+    }));
+    config.plugins.push(composableKeysPlugin.webpack({
+      sourcemap: nuxt.options.sourcemap[config.name],
+      rootDir: nuxt.options.rootDir
     }));
     const compiler = webpack(config);
     if (nuxt.options.dev) {
@@ -993,8 +1079,9 @@ async function createDevMiddleware(compiler) {
   }));
   await nuxt.callHook("webpack:devMiddleware", devMiddleware);
   await nuxt.callHook("webpack:hotMiddleware", hotMiddleware);
+  const handlers = [promisifyHandler(devMiddleware), promisifyHandler(hotMiddleware)];
   await nuxt.callHook("server:devMiddleware", async (req, res, next) => {
-    for (const mw of [devMiddleware, hotMiddleware]) {
+    for (const mw of handlers) {
       await mw?.(req, res);
     }
     next();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/webpack-builder",
-  "version": "3.0.0-rc.0",
+  "version": "3.0.0-rc.10",
   "repository": "nuxt/framework",
   "license": "MIT",
   "type": "module",
@@ -16,56 +16,59 @@
     "prepack": "unbuild"
   },
   "dependencies": {
-    "@babel/core": "^7.17.9",
+    "@babel/core": "^7.19.0",
     "@nuxt/friendly-errors-webpack-plugin": "^2.5.2",
-    "@nuxt/kit": "3.0.0-rc.0",
-    "autoprefixer": "^10.4.4",
+    "@nuxt/kit": "3.0.0-rc.10",
+    "autoprefixer": "^10.4.10",
     "css-loader": "^6.7.1",
-    "css-minimizer-webpack-plugin": "^3.4.1",
-    "cssnano": "^5.1.7",
-    "esbuild-loader": "^2.18.0",
+    "css-minimizer-webpack-plugin": "^4.1.0",
+    "cssnano": "^5.1.13",
+    "esbuild-loader": "^2.20.0",
     "escape-string-regexp": "^5.0.0",
+    "estree-walker": "^3.0.1",
     "file-loader": "^6.2.0",
-    "fork-ts-checker-webpack-plugin": "^7.2.6",
+    "fork-ts-checker-webpack-plugin": "^7.2.13",
     "fs-extra": "^10.1.0",
     "hash-sum": "^2.0.0",
     "lodash-es": "^4.17.21",
-    "magic-string": "^0.26.1",
-    "memfs": "^3.4.1",
-    "mini-css-extract-plugin": "^2.6.0",
-    "mlly": "^0.5.2",
-    "pathe": "^0.2.0",
-    "pify": "^5.0.0",
-    "postcss": "^8.4.12",
-    "postcss-import": "^14.1.0",
-    "postcss-loader": "^6.2.1",
+    "magic-string": "^0.26.3",
+    "memfs": "^3.4.7",
+    "mini-css-extract-plugin": "^2.6.1",
+    "mlly": "^0.5.14",
+    "ohash": "^0.1.5",
+    "pathe": "^0.3.7",
+    "pify": "^6.1.0",
+    "postcss": "^8.4.16",
+    "postcss-import": "^15.0.0",
+    "postcss-loader": "^7.0.1",
     "postcss-url": "^10.1.3",
     "style-resources-loader": "^1.5.0",
     "time-fix-plugin": "^2.0.7",
-    "ufo": "^0.8.3",
-    "unplugin": "^0.6.2",
+    "ufo": "^0.8.5",
+    "unplugin": "^0.9.2",
     "url-loader": "^4.1.1",
+    "vue-bundle-renderer": "^0.4.2",
     "vue-loader": "^17.0.0",
-    "vue-style-loader": "^4.1.3",
-    "webpack": "^5.72.0",
-    "webpack-bundle-analyzer": "^4.5.0",
-    "webpack-dev-middleware": "^5.3.1",
-    "webpack-hot-middleware": "^2.25.1",
-    "webpack-virtual-modules": "^0.4.3",
+    "webpack": "^5.74.0",
+    "webpack-bundle-analyzer": "^4.6.1",
+    "webpack-dev-middleware": "^5.3.3",
+    "webpack-hot-middleware": "^2.25.2",
+    "webpack-virtual-modules": "^0.4.4",
     "webpackbar": "^5.0.2"
   },
   "devDependencies": {
-    "@nuxt/schema": "3.0.0-rc.0",
+    "@nuxt/schema": "3.0.0-rc.10",
+    "@types/lodash-es": "^4.17.6",
     "@types/pify": "^5.0.1",
-    "@types/webpack-bundle-analyzer": "^4.4.1",
+    "@types/webpack-bundle-analyzer": "^4.4.2",
     "@types/webpack-dev-middleware": "^5.0.2",
     "@types/webpack-hot-middleware": "^2.25.6",
     "@types/webpack-virtual-modules": "^0",
     "unbuild": "latest",
-    "vue": "3.2.33"
+    "vue": "3.2.39"
   },
   "peerDependencies": {
-    "vue": "3.2.33"
+    "vue": "^3.2.39"
   },
   "engines": {
     "node": "^14.16.0 || ^16.11.0 || ^17.0.0 || ^18.0.0"