@nuxt/webpack-builder 3.0.0 → 3.1.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 - Nuxt Project
+Copyright (c) 2016-present - Nuxt Team
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,5 +1,128 @@
-# Nuxt Webpack Builder
 
-> The [Webpack](https://webpack.js.org) bundler for Nuxt 3
+[![Nuxt banner](./.github/assets/banner.png)](https://nuxt.com)
+
+# 👋 Welcome to Nuxt
+
+
+Nuxt's goal is to make web development intuitive and performant, with a great developer experience.<br>Learn more in the ['What is Nuxt?'](https://nuxt.com/docs/getting-started/introduction) section of our documentation.
+
+
+ <p>
+  <a href="https://www.npmjs.com/package/nuxt"><img src="https://img.shields.io/npm/v/nuxt.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="Version"></a>
+  <a href="https://www.npmjs.com/package/nuxt"><img src="https://img.shields.io/npm/dm/nuxt.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="Downloads"></a>
+  <a href="./LICENSE"><img src="https://img.shields.io/github/license/nuxt/nuxt.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="License"></a>
+  <a href="https://volta.net/nuxt/nuxt?utm_source=nuxt_readme"><img src="https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg" alt="Volta board"></a>
+ </p>
+
+<table>
+<thead>
+<tr>
+<th width="2000" colspan="2">
+</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+  <td width="80" align="center" valign="top">
+    <br>
+    <a href="https://nuxt.com/docs"><img src="./.github/assets/documentation.png"></a>
+  </td>
+  <td valign="top">
+    <h3>Documentation</h3>
+    <p>
+      We highly recommend you take a look at <a href="https://nuxt.com">the Nuxt documentation</a> to level up.
+    </p>
+  </td>
+</tr>
+<tr>
+  <td width="80" align="center" valign="top">
+    <br>
+    <a href="https://nuxt.com/modules"><img src="./.github/assets/modules.png"></a>
+  </td>
+  <td valign="top">
+    <h3>Modules</h3>
+    <p>
+      Discover our <a href="https://nuxt.com/modules">list of modules</a> to supercharge your Nuxt project. Created by the Nuxt team and community.
+    </p>
+  </td>
+</tr>
+<tr>
+  <td width="80" align="center" valign="top">
+    <br>
+    <a href="https://nuxt.com/docs/examples/hello-world"><img src="./.github/assets/examples.png"></a>
+  </td>
+  <td>
+    <h3>Examples</h3>
+    <p>
+      Explore different ways of using Nuxt features and get inspired with <a href="https://nuxt.com/docs/examples/essentials/hello-world">our list of examples</a>.
+    </p>
+  </td>
+</tr>
+</tbody>
+</table>
+
+<table>
+<thead>
+<tr>
+<th width="2000" colspan="2">
+</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+  <td width="80" align="center" valign="top">
+    <br>
+    <a href="https://nuxt.com/docs/community/reporting-bugs"><img src="./.github/assets/reporting-bugs.png"></a>
+  </td>
+  <td valign="top">
+    <h3>Reporting bugs</h3>
+    <p>
+      Check out the <a href="https://nuxt.com/docs/community/reporting-bugs">Reporting Bugs</a> page.</p>
+    </p>
+  </td>
+</tr>
+<tr>
+  <td width="80" align="center" valign="top">
+    <br>
+    <a href="https://nuxt.com/docs/community/contribution"><img src="./.github/assets/suggestions.png"></a>
+  </td>
+  <td valign="top">
+    <h3>Suggestions</h3>
+    <p>
+      Check out the <a href="https://nuxt.com/docs/community/contribution">Contribution</a> page.
+    </p>
+  </td>
+</tr>
+<tr>
+  <td width="80" align="center" valign="top">
+    <br>
+    <a href="https://nuxt.com/docs/community/getting-help"><img src="./.github/assets/questions.png"></a>
+  </td>
+  <td valign="top">
+    <h3>Questions</h3>
+    <p>
+      Check out the <a href="https://nuxt.com/docs/community/getting-help">Getting Help</a> page.
+    </p>
+  </td>
+</tr>
+</tbody>
+</table>
+
+## Local Development
+
+Follow the docs to [Set Up Your Local Development Environment](https://nuxt.com/docs/community/framework-contribution#set-up-your-local-development-environment) to contribute to the framework and documentation.
+
+## Nuxt 2
+
+You can find the code for Nuxt 2 on the [`2.x-dev` branch](https://github.com/nuxt/nuxt/tree/2.x-dev) and the documentation at [nuxtjs.org](https://nuxtjs.org).
+
+## Follow us
+
+<p valign="center">
+  <a href="https://chat.nuxt.dev"><img width="20px" src="./.github/assets/discord.svg" alt="Discord"></a>&nbsp;&nbsp;<a href="https://twitter.nuxt.dev"><img width="20px" src="./.github/assets/twitter.svg" alt="Twitter"></a>&nbsp;&nbsp;<a href="https://github.nuxt.dev"><img width="20px" src="./.github/assets/github.svg" alt="GitHub"></a>
+</p>
+
+## License
+
+[MIT](./LICENSE)
 
-Learn more about this package: <https://v3.nuxtjs.org>

package/dist/index.mjs

@@ -308,6 +308,7 @@ function basePlugins(ctx) {
         clearConsole: false,
         reporter: "consola",
         logLevel: "ERROR"
+        // TODO
       })
     );
   }
@@ -323,11 +324,13 @@ function basePlugins(ctx) {
       reporters: ["stats"],
       stats: !ctx.isDev,
       reporter: {
+        // @ts-ignore
         change: (_, { shortPath }) => {
           if (!ctx.isServer) {
             nuxt.callHook("webpack:change", shortPath);
           }
         },
+        // @ts-ignore
         done: ({ state }) => {
           if (state.hasErrors) {
             nuxt.callHook("webpack:error");
@@ -338,6 +341,7 @@ function basePlugins(ctx) {
         allDone: () => {
           nuxt.callHook("webpack:done");
         },
+        // @ts-ignore
         progress({ statesArray }) {
           nuxt.callHook("webpack:progress", statesArray);
         }
@@ -377,12 +381,16 @@ function baseTranspile(ctx) {
   const { options } = ctx;
   const transpile = [
     /\.vue\.js/i,
+    // include SFCs in node_modules
     /consola\/src/,
     /vue-demi/
   ];
   for (let pattern of options.build.transpile) {
     if (typeof pattern === "function") {
-      pattern = pattern(ctx);
+      const result = pattern(ctx);
+      if (result) {
+        pattern = result;
+      }
     }
     if (typeof pattern === "string") {
       transpile.push(new RegExp(escapeRegExp(normalize(pattern))));
@@ -410,6 +418,7 @@ function getOutput(ctx) {
 function getWarningIgnoreFilter(ctx) {
   const { options } = ctx;
   const filters = [
+    // Hide warnings about plugins without a default export (#1179)
     (warn) => warn.name === "ModuleDependencyWarning" && warn.message.includes("export 'default'") && warn.message.includes("nuxt_plugin_"),
     ...options.webpack.warningIgnoreFilters || []
   ];
@@ -516,6 +525,7 @@ const getPostcssConfig = (nuxt) => {
     return {
       sourceMap: nuxt.options.webpack.cssSourceMap,
       plugins: nuxt.options.postcss.plugins,
+      // Array, String or Function
       order: "autoprefixerAndCssnanoLast"
     };
   }
@@ -543,15 +553,6 @@ const getPostcssConfig = (nuxt) => {
   if (!nuxt.options.webpack.postcss || !nuxt.options.postcss) {
     return false;
   }
-  const configFile = nuxt.options.postcss.config;
-  if (configFile) {
-    return {
-      postcssOptions: {
-        config: configFile
-      },
-      sourceMap: nuxt.options.webpack.cssSourceMap
-    };
-  }
   let postcssOptions = cloneDeep(nuxt.options.postcss);
   if (isPureObject(postcssOptions)) {
     if (Array.isArray(postcssOptions.plugins)) {
@@ -562,6 +563,7 @@ const getPostcssConfig = (nuxt) => {
     }
     delete nuxt.options.webpack.postcss.order;
     return {
+      // @ts-expect-error
       sourceMap: nuxt.options.webpack.cssSourceMap,
       ...nuxt.options.webpack.postcss,
       postcssOptions
@@ -619,10 +621,12 @@ function createdStyleRule(lang, test, processorLoader, ctx) {
   return {
     test,
     oneOf: [
+      // This matches <style module>
       {
         resourceQuery: /module/,
         use: cssModuleLoaders.concat(styleLoaders)
       },
+      // This matches plain <style> or <style scoped>
       {
         use: cssLoaders.concat(styleLoaders)
       }
@@ -647,6 +651,11 @@ function createCssLoadersRule(ctx, cssLoaderOptions) {
     ];
   }
   return [
+    // https://github.com/vuejs/vue-style-loader/issues/56
+    // {
+    //   loader: 'vue-style-loader',
+    //   options: options.webpack.loaders.vueStyle
+    // },
     cssLoader
   ];
 }
@@ -706,7 +715,9 @@ class VueSSRClientPlugin {
         all: allFiles,
         initial: initialFiles,
         async: asyncFiles,
-        modules: {},
+        modules: {
+          /* [identifier: string]: Array<index: number> */
+        },
         assetsMapping
       };
       const { entrypoints = {}, namedChunkGroups = {} } = stats;
@@ -743,7 +754,7 @@ class VueSSRClientPlugin {
           }
           assetModules.forEach((m2) => {
             if (m2.chunks.includes(cid)) {
-              files.push.apply(files, m2.assets.map(fileToIndex));
+              files.push(...m2.assets.map(fileToIndex));
             }
           });
         }
@@ -912,6 +923,7 @@ function clientHMR(ctx) {
   const hotMiddlewareClientOptionsStr = querystring.stringify(hotMiddlewareClientOptions);
   const app = config.entry.app;
   app.unshift(
+    // https://github.com/glenjamin/webpack-hot-middleware#config
     `webpack-hot-middleware/client?${hotMiddlewareClientOptionsStr}`
   );
   config.plugins = config.plugins || [];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/webpack-builder",
-  "version": "3.0.0",
-  "repository": "nuxt/framework",
+  "version": "3.1.0",
+  "repository": "nuxt/nuxt",
   "license": "MIT",
   "type": "module",
   "types": "./dist/index.d.ts",
@@ -13,52 +13,52 @@
     "dist"
   ],
   "dependencies": {
-    "@babel/core": "^7.20.2",
+    "@babel/core": "^7.20.12",
     "@nuxt/friendly-errors-webpack-plugin": "^2.5.2",
-    "@nuxt/kit": "3.0.0",
+    "@nuxt/kit": "3.1.0",
     "autoprefixer": "^10.4.13",
-    "css-loader": "^6.7.2",
+    "css-loader": "^6.7.3",
     "css-minimizer-webpack-plugin": "^4.2.2",
     "cssnano": "^5.1.14",
-    "esbuild-loader": "^2.20.0",
+    "esbuild-loader": "^2.21.0",
     "escape-string-regexp": "^5.0.0",
-    "estree-walker": "^3.0.1",
+    "estree-walker": "^3.0.3",
     "file-loader": "^6.2.0",
-    "fork-ts-checker-webpack-plugin": "^7.2.13",
-    "fs-extra": "^10.1.0",
+    "fork-ts-checker-webpack-plugin": "^7.3.0",
+    "fs-extra": "^11.1.0",
     "hash-sum": "^2.0.0",
     "lodash-es": "^4.17.21",
-    "magic-string": "^0.26.7",
-    "memfs": "^3.4.11",
-    "mini-css-extract-plugin": "^2.6.1",
-    "mlly": "^1.0.0",
+    "magic-string": "^0.27.0",
+    "memfs": "^3.4.13",
+    "mini-css-extract-plugin": "^2.7.2",
+    "mlly": "^1.1.0",
     "ohash": "^1.0.0",
     "pathe": "^1.0.0",
     "pify": "^6.1.0",
-    "postcss": "^8.4.19",
-    "postcss-import": "^15.0.0",
-    "postcss-loader": "^7.0.1",
+    "postcss": "^8.4.21",
+    "postcss-import": "^15.1.0",
+    "postcss-loader": "^7.0.2",
     "postcss-url": "^10.1.3",
     "style-resources-loader": "^1.5.0",
     "time-fix-plugin": "^2.0.7",
-    "ufo": "^1.0.0",
-    "unplugin": "^1.0.0",
+    "ufo": "^1.0.1",
+    "unplugin": "^1.0.1",
     "url-loader": "^4.1.1",
     "vue-bundle-renderer": "^1.0.0",
     "vue-loader": "^17.0.1",
     "webpack": "^5.75.0",
     "webpack-bundle-analyzer": "^4.7.0",
-    "webpack-dev-middleware": "^5.3.3",
+    "webpack-dev-middleware": "^6.0.1",
     "webpack-hot-middleware": "^2.25.3",
-    "webpack-virtual-modules": "^0.4.6",
+    "webpack-virtual-modules": "^0.5.0",
     "webpackbar": "^5.0.2"
   },
   "devDependencies": {
-    "@nuxt/schema": "3.0.0",
+    "@nuxt/schema": "3.1.0",
     "@types/lodash-es": "^4.17.6",
     "@types/pify": "^5.0.1",
     "@types/webpack-bundle-analyzer": "^4.6.0",
-    "@types/webpack-dev-middleware": "^5.0.2",
+    "@types/webpack-dev-middleware": "^5.3.0",
     "@types/webpack-hot-middleware": "^2.25.6",
     "@types/webpack-virtual-modules": "^0",
     "unbuild": "latest",