@nuxt/webpack-builder 3.0.0-rc.3 → 3.0.0-rc.4

package/dist/index.mjs

@@ -5,9 +5,9 @@ import webpackHotMiddleware from 'webpack-hot-middleware';
 import { joinURL } from 'ufo';
 import { useNuxt, logger, requireModule } from '@nuxt/kit';
 import { createUnplugin } from 'unplugin';
-import 'escape-string-regexp';
+import escapeRE from 'escape-string-regexp';
 import MagicString from 'magic-string';
-import { join, resolve, dirname, isAbsolute } from 'pathe';
+import { join, resolve, normalize, dirname, isAbsolute } from 'pathe';
 import { createFsFromVolume, Volume } from 'memfs';
 import VirtualModulesPlugin from 'webpack-virtual-modules';
 import querystring from 'node:querystring';
@@ -60,7 +60,7 @@ const DynamicBasePlugin = createUnplugin(function(options = {}) {
         s.replace(/const base = ['"]\/__NUXT_BASE__\/['"]/, "const base = buildAssetsURL()");
       }
       s.replace(/from *['"]\/__NUXT_BASE__(\/[^'"]*)['"]/g, 'from "$1"');
-      const delimiterRE = /(?<!(const base = |from *))(`([^`]*)\/__NUXT_BASE__\/([^`]*)`|'([^\n']*)\/__NUXT_BASE__\/([^\n']*)'|"([^\n"]*)\/__NUXT_BASE__\/([^\n"]*)")/g;
+      const delimiterRE = /(?<!(const base = |from *))((?<!\\)`([^`]*)\/__NUXT_BASE__\/([^`]*)(?<!\\)`|(?<!\\)'([^\n']*)\/__NUXT_BASE__\/([^\n']*)(?<!\\)'|(?<!\\)"([^\n"]*)\/__NUXT_BASE__\/([^\n"]*)(?<!\\)")/g;
       s.replace(delimiterRE, (r) => "`" + r.replace(/\/__NUXT_BASE__\//g, "${__publicAssetsURL()}").slice(1, -1) + "`");
       if (s.hasChanged()) {
         return {
@@ -204,7 +204,8 @@ function base(ctx) {
     baseAlias,
     baseConfig,
     basePlugins,
-    baseResolve
+    baseResolve,
+    baseTranspile
   ]);
 }
 function baseConfig(ctx) {
@@ -304,6 +305,24 @@ function baseResolve(ctx) {
     ...config.resolveLoader
   };
 }
+function baseTranspile(ctx) {
+  const { options } = ctx;
+  const transpile = [
+    /\.vue\.js/i,
+    /consola\/src/
+  ];
+  for (let pattern of options.build.transpile) {
+    if (typeof pattern === "function") {
+      pattern = pattern(ctx);
+    }
+    if (typeof pattern === "string") {
+      transpile.push(new RegExp(escapeRE(normalize(pattern))));
+    } else if (pattern instanceof RegExp) {
+      transpile.push(pattern);
+    }
+  }
+  ctx.transpile = [...transpile, ...ctx.transpile];
+}
 function getCache(ctx) {
   const { options } = ctx;
   if (!options.dev) {
@@ -458,7 +477,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: {
@@ -505,7 +524,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
     }));
   }
 }
@@ -562,10 +581,6 @@ function createCssLoadersRule(ctx, cssLoaderOptions) {
     ];
   }
   return [
-    {
-      loader: "vue-style-loader",
-      options: options.webpack.loaders.vueStyle
-    },
     cssLoader
   ];
 }
@@ -942,7 +957,7 @@ function serverPlugins(ctx) {
 }
 
 async function bundle(nuxt) {
-  await registerVirtualModules();
+  registerVirtualModules();
   const webpackConfigs = [client, ...nuxt.options.ssr ? [server] : []].map((preset) => {
     const ctx = createWebpackConfigContext(nuxt);
     applyPresets(ctx, preset);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/webpack-builder",
-  "version": "3.0.0-rc.3",
+  "version": "3.0.0-rc.4",
   "repository": "nuxt/framework",
   "license": "MIT",
   "type": "module",
@@ -16,56 +16,55 @@
     "prepack": "unbuild"
   },
   "dependencies": {
-    "@babel/core": "^7.17.10",
+    "@babel/core": "^7.18.5",
     "@nuxt/friendly-errors-webpack-plugin": "^2.5.2",
-    "@nuxt/kit": "^3.0.0-rc.3",
+    "@nuxt/kit": "^3.0.0-rc.4",
     "autoprefixer": "^10.4.7",
     "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.0.0",
+    "cssnano": "^5.1.11",
+    "esbuild-loader": "^2.19.0",
     "escape-string-regexp": "^5.0.0",
     "file-loader": "^6.2.0",
     "fork-ts-checker-webpack-plugin": "^7.2.11",
     "fs-extra": "^10.1.0",
     "hash-sum": "^2.0.0",
     "lodash-es": "^4.17.21",
-    "magic-string": "^0.26.1",
-    "memfs": "^3.4.1",
+    "magic-string": "^0.26.2",
+    "memfs": "^3.4.4",
     "mini-css-extract-plugin": "^2.6.0",
     "mlly": "^0.5.2",
     "pathe": "^0.3.0",
-    "pify": "^5.0.0",
-    "postcss": "^8.4.13",
+    "pify": "^6.0.0",
+    "postcss": "^8.4.14",
     "postcss-import": "^14.1.0",
-    "postcss-loader": "^6.2.1",
+    "postcss-loader": "^7.0.0",
     "postcss-url": "^10.1.3",
     "style-resources-loader": "^1.5.0",
     "time-fix-plugin": "^2.0.7",
     "ufo": "^0.8.4",
-    "unplugin": "^0.6.3",
+    "unplugin": "^0.7.0",
     "url-loader": "^4.1.1",
     "vue-loader": "^17.0.0",
-    "vue-style-loader": "^4.1.3",
-    "webpack": "^5.72.0",
+    "webpack": "^5.73.0",
     "webpack-bundle-analyzer": "^4.5.0",
-    "webpack-dev-middleware": "^5.3.1",
+    "webpack-dev-middleware": "^5.3.3",
     "webpack-hot-middleware": "^2.25.1",
     "webpack-virtual-modules": "^0.4.3",
     "webpackbar": "^5.0.2"
   },
   "devDependencies": {
-    "@nuxt/schema": "^3.0.0-rc.3",
+    "@nuxt/schema": "^3.0.0-rc.4",
     "@types/pify": "^5.0.1",
     "@types/webpack-bundle-analyzer": "^4.4.1",
     "@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.37"
   },
   "peerDependencies": {
-    "vue": "3.2.33"
+    "vue": "^3.2.37"
   },
   "engines": {
     "node": "^14.16.0 || ^16.11.0 || ^17.0.0 || ^18.0.0"