@nx/webpack 21.6.1 → 21.6.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/webpack",
-  "version": "21.6.1",
+  "version": "21.6.3",
   "private": false,
   "description": "The Nx Plugin for Webpack contains executors and generators that support building applications using Webpack.",
   "repository": {
@@ -64,11 +64,11 @@
     "webpack-dev-server": "^5.2.1",
     "webpack-node-externals": "^3.0.0",
     "webpack-subresource-integrity": "^5.1.0",
-    "@nx/devkit": "21.6.1",
-    "@nx/js": "21.6.1"
+    "@nx/devkit": "21.6.3",
+    "@nx/js": "21.6.3"
   },
   "devDependencies": {
-    "nx": "21.6.1"
+    "nx": "21.6.3"
   },
   "publishConfig": {
     "access": "public"

package/src/plugins/nx-webpack-plugin/lib/apply-web-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"apply-web-config.d.ts","sourceRoot":"","sources":["../../../../../../../packages/webpack/src/plugins/nx-webpack-plugin/lib/apply-web-config.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,aAAa,EAIb,wBAAwB,EAEzB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,mCAAmC,EAAE,MAAM,kCAAkC,CAAC;AAavF,wBAAgB,cAAc,CAC5B,OAAO,EAAE,mCAAmC,EAC5C,MAAM,GAAE,OAAO,CAAC,wBAAwB,GAAG,aAAa,CAAM,EAC9D,EACE,kBAAkB,GACnB,GAAE;IAID,kBAAkB,CAAC,EAAE,OAAO,CAAC;CACzB,GACL,IAAI,CA2VN"}
+{"version":3,"file":"apply-web-config.d.ts","sourceRoot":"","sources":["../../../../../../../packages/webpack/src/plugins/nx-webpack-plugin/lib/apply-web-config.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,aAAa,EAIb,wBAAwB,EAEzB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,mCAAmC,EAAE,MAAM,kCAAkC,CAAC;AAavF,wBAAgB,cAAc,CAC5B,OAAO,EAAE,mCAAmC,EAC5C,MAAM,GAAE,OAAO,CAAC,wBAAwB,GAAG,aAAa,CAAM,EAC9D,EACE,kBAAkB,GACnB,GAAE;IAID,kBAAkB,CAAC,EAAE,OAAO,CAAC;CACzB,GACL,IAAI,CAsWN"}

package/src/plugins/nx-webpack-plugin/lib/apply-web-config.js

@@ -302,9 +302,20 @@ function applyWebConfig(options, config = {}, { useNormalizedEntry, } = {}) {
         ...config.module,
         rules: [
             ...(config.module.rules ?? []),
-            // Images: Inline small images, and emit a separate file otherwise (including SVGs).
+            // Images: Inline small images, and emit a separate file otherwise.
             {
-                test: /\.(avif|bmp|gif|ico|jpe?g|png|svg|webp)$/,
+                test: /\.(avif|bmp|gif|ico|jpe?g|png|webp)$/,
+                type: 'asset',
+                parser: {
+                    dataUrlCondition: {
+                        maxSize: 10_000, // 10 kB
+                    },
+                },
+            },
+            // TODO(v22): Remove this but provide a migration in `@nx/react` to add @svgr/webpack in userland webpack config
+            // SVG: same as image but we need to separate it so it can be swapped for SVGR in the React plugin.
+            {
+                test: /\.svg$/,
                 type: 'asset',
                 parser: {
                     dataUrlCondition: {