@nuxt/webpack-builder 3.8.0 → 3.8.2

package/README.md

@@ -17,8 +17,9 @@ It provides a number of features that make it easy to build fast, SEO-friendly,
 - Automatic routing with code-splitting
 - State management
 - SEO Optimization
-- Extensible with [100+ modules](https://nuxt.com/modules)
-- Deployment to a variety of hosting platforms
+- Auto imports
+- Extensible with [180+ modules](https://nuxt.com/modules)
+- Deployment to a variety of [hosting platforms](https://nuxt.com/deploy)
 - ...[and much more](https://nuxt.com) 🚀
 
 ## Getting Started
@@ -31,6 +32,36 @@ npx nuxi@latest init <my-project>
 
 Discover also [nuxt.new](https://nuxt.new): Open a Nuxt starter on CodeSandbox, StackBlitz or locally to get up and running in a few seconds.
 
+## Vue Development
+
+Simple, intuitive and powerful, Nuxt lets you write Vue components in a way that makes sense. Every repetitive task is automated, so you can focus on writing your full-stack Vue application with confidence.
+
+Example of an `app.vue`:
+
+```vue
+<script setup>
+useSeoMeta({
+  title: 'Meet Nuxt',
+  description: 'The Intuitive Vue Framework.'
+})
+</script>
+
+<template>
+  <div id="app">
+    <AppHeader />
+    <NuxtPage />
+    <AppFooter />
+  </div>
+</template>
+
+<style>
+#app {
+  background-color: #020420;
+  color: #00DC82;
+}
+</style>
+```
+
 ## Documentation
 
 We highly recommend you take a look at the [Nuxt documentation](https://nuxt.com/docs) to level up. It’s a great resource for learning more about the framework. It covers everything from getting started to advanced topics.

package/dist/index.mjs

@@ -19,7 +19,7 @@ import VirtualModulesPlugin from 'webpack-virtual-modules';
 import querystring from 'node:querystring';
 import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
 import ForkTSCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
-import { klona } from 'klona';
+import { cloneDeep } from 'lodash-es';
 import TimeFixPlugin from 'time-fix-plugin';
 import WebpackBar from 'webpackbar';
 import FriendlyErrorsWebpackPlugin from '@nuxt/friendly-errors-webpack-plugin';
@@ -27,6 +27,7 @@ import { isTest } from 'std-env';
 import { EsbuildPlugin } from 'esbuild-loader';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
+import createResolver from 'postcss-import-resolver';
 import VueLoaderPlugin from 'vue-loader/dist/pluginWebpack5.js';
 import { normalizeWebpackManifest } from 'vue-bundle-renderer';
 import hash$1 from 'hash-sum';
@@ -238,28 +239,27 @@ class ScopedVarsCollector {
 }
 const NUXT_IMPORT_RE = /nuxt|#app|#imports/;
 function detectImportNames(code, composableMeta) {
-  const imports = findStaticImports(code);
   const names = /* @__PURE__ */ new Set();
-  for (const i of imports) {
-    let addName = function(name) {
-      const source = composableMeta[name]?.source;
-      if (source && matchWithStringOrRegex(i.specifier, source)) {
-        return;
-      }
-      names.add(name);
-    };
+  function addName(name, specifier) {
+    const source = composableMeta[name]?.source;
+    if (source && matchWithStringOrRegex(specifier, source)) {
+      return;
+    }
+    names.add(name);
+  }
+  for (const i of findStaticImports(code)) {
     if (NUXT_IMPORT_RE.test(i.specifier)) {
       continue;
     }
     const { namedImports, defaultImport, namespacedImport } = parseStaticImport(i);
     for (const name in namedImports || {}) {
-      addName(namedImports[name]);
+      addName(namedImports[name], i.specifier);
     }
     if (defaultImport) {
-      addName(defaultImport);
+      addName(defaultImport, i.specifier);
     }
     if (namespacedImport) {
-      addName(namespacedImport);
+      addName(namespacedImport, i.specifier);
     }
   }
   return names;
@@ -383,7 +383,7 @@ function fileName(ctx, key) {
   return fileName2;
 }
 function getWebpackConfig(ctx) {
-  return klona(ctx.config);
+  return cloneDeep(ctx.config);
 }
 
 function assets(ctx) {
@@ -714,6 +714,21 @@ const getPostcssConfig = (nuxt) => {
     return false;
   }
   const postcssOptions = defu({}, nuxt.options.postcss, {
+    plugins: {
+      /**
+       * https://github.com/postcss/postcss-import
+       */
+      "postcss-import": {
+        resolve: createResolver({
+          alias: { ...nuxt.options.alias },
+          modules: nuxt.options.modulesDir
+        })
+      },
+      /**
+       * https://github.com/postcss/postcss-url
+       */
+      "postcss-url": {}
+    },
     sourceMap: nuxt.options.webpack.cssSourceMap,
     // Array, String or Function
     order: "autoprefixerAndCssnanoLast"
@@ -1108,7 +1123,7 @@ function clientHMR(ctx) {
 function clientOptimization(_ctx) {
 }
 function clientPlugins(ctx) {
-  if (!ctx.isDev && ctx.name === "client" && ctx.userConfig.analyze) {
+  if (!ctx.isDev && ctx.name === "client" && ctx.userConfig.analyze && (ctx.userConfig.analyze === true || ctx.userConfig.analyze.enabled)) {
     const statsDir = resolve(ctx.options.analyzeDir);
     ctx.config.plugins.push(new BundleAnalyzerPlugin({
       analyzerMode: "static",
@@ -1171,7 +1186,6 @@ function server(ctx) {
     serverPreset,
     serverPlugins
   ]);
-  return getWebpackConfig(ctx);
 }
 function serverPreset(ctx) {
   ctx.config.output.filename = "server.mjs";

package/package.json

@@ -1,8 +1,13 @@
 {
   "name": "@nuxt/webpack-builder",
-  "version": "3.8.0",
-  "repository": "nuxt/nuxt",
+  "version": "3.8.2",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nuxt/nuxt.git",
+    "directory": "packages/webpack"
+  },
   "description": "Webpack bundler for Nuxt",
+  "homepage": "https://nuxt.com",
   "license": "MIT",
   "type": "module",
   "types": "./dist/index.d.ts",
@@ -22,16 +27,16 @@
     "css-loader": "^6.8.1",
     "css-minimizer-webpack-plugin": "^5.0.1",
     "cssnano": "^6.0.1",
-    "defu": "^6.1.2",
+    "defu": "^6.1.3",
     "esbuild-loader": "^4.0.2",
     "escape-string-regexp": "^5.0.0",
     "estree-walker": "^3.0.3",
     "file-loader": "^6.2.0",
-    "fork-ts-checker-webpack-plugin": "^9.0.0",
+    "fork-ts-checker-webpack-plugin": "^9.0.2",
     "fs-extra": "^11.1.1",
-    "h3": "^1.8.2",
+    "h3": "^1.9.0",
     "hash-sum": "^2.0.0",
-    "klona": "^2.0.6",
+    "lodash-es": "4.17.21",
     "magic-string": "^0.30.5",
     "memfs": "^4.6.0",
     "mini-css-extract-plugin": "^2.7.6",
@@ -41,34 +46,35 @@
     "pify": "^6.1.0",
     "postcss": "^8.4.31",
     "postcss-import": "^15.1.0",
+    "postcss-import-resolver": "^2.0.0",
     "postcss-loader": "^7.3.3",
     "postcss-url": "^10.1.3",
     "pug-plain-loader": "^1.1.0",
-    "std-env": "^3.4.3",
+    "std-env": "^3.5.0",
     "time-fix-plugin": "^2.0.7",
-    "ufo": "^1.3.1",
-    "unplugin": "^1.5.0",
+    "ufo": "^1.3.2",
+    "unplugin": "^1.5.1",
     "url-loader": "^4.1.1",
     "vue-bundle-renderer": "^2.0.0",
-    "vue-loader": "^17.3.0",
+    "vue-loader": "^17.3.1",
     "webpack": "^5.89.0",
-    "webpack-bundle-analyzer": "^4.9.1",
+    "webpack-bundle-analyzer": "^4.10.1",
     "webpack-dev-middleware": "^6.1.1",
     "webpack-hot-middleware": "^2.25.4",
     "webpack-virtual-modules": "^0.6.0",
     "webpackbar": "^5.0.2",
-    "@nuxt/kit": "3.8.0"
+    "@nuxt/kit": "3.8.2"
   },
   "devDependencies": {
-    "@types/fs-extra": "11.0.3",
-    "@types/hash-sum": "1.0.1",
-    "@types/pify": "5.0.3",
-    "@types/webpack-bundle-analyzer": "4.6.2",
-    "@types/webpack-hot-middleware": "2.25.8",
+    "@types/fs-extra": "11.0.4",
+    "@types/hash-sum": "1.0.2",
+    "@types/pify": "5.0.4",
+    "@types/webpack-bundle-analyzer": "4.6.3",
+    "@types/webpack-hot-middleware": "2.25.9",
     "@types/webpack-virtual-modules": "0.1.3",
     "unbuild": "latest",
-    "vue": "3.3.4",
-    "@nuxt/schema": "3.8.0"
+    "vue": "3.3.8",
+    "@nuxt/schema": "3.8.2"
   },
   "peerDependencies": {
     "vue": "^3.3.4"