@nx/webpack 17.0.0 → 17.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/webpack",
-  "version": "17.0.0",
+  "version": "17.0.2",
   "private": false,
   "description": "The Nx Plugin for Webpack contains executors and generators that support building applications using Webpack.",
   "repository": {
@@ -52,6 +52,8 @@
     "sass-loader": "^12.2.0",
     "source-map-loader": "^3.0.0",
     "style-loader": "^3.3.0",
+    "stylus": "^0.59.0",
+    "stylus-loader": "^7.1.0",
     "terser-webpack-plugin": "^5.3.3",
     "ts-loader": "^9.3.1",
     "tsconfig-paths-webpack-plugin": "4.0.0",
@@ -60,9 +62,9 @@
     "webpack-dev-server": "^4.9.3",
     "webpack-node-externals": "^3.0.0",
     "webpack-subresource-integrity": "^5.1.0",
-    "@nx/devkit": "17.0.0",
-    "@nx/js": "17.0.0",
-    "@nrwl/webpack": "17.0.0"
+    "@nx/devkit": "17.0.2",
+    "@nx/js": "17.0.2",
+    "@nrwl/webpack": "17.0.2"
   },
   "publishConfig": {
     "access": "public"

package/src/utils/webpack/deprecated-stylus-loader.d.ts

@@ -0,0 +1 @@
+export default function (source: string): string;

package/src/utils/webpack/deprecated-stylus-loader.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+// @ts-ignore
+const stylusLoader = require("stylus-loader");
+// TOOD(v18): Remove this file and stylus support.
+function default_1(source) {
+    devkit_1.logger.warn(`Stylus is support is deprecated and will be removed in Nx 18. We recommend that you migrate to Sass by renaming \`.styl\` files to \`.scss\` and ensuring that the content is valid Sass.`);
+    return stylusLoader.call(this, source);
+}
+exports.default = default_1;

package/src/utils/with-web.js

@@ -57,7 +57,7 @@ function withWeb(pluginOptions = {}) {
         ];
         if (stylesOptimization) {
             minimizer.push(new CssMinimizerPlugin({
-                test: /\.(?:css|scss|sass|less)$/,
+                test: /\.(?:css|scss|sass|less|styl)$/,
             }));
         }
         if (!pluginOptions.ssr) {
@@ -131,6 +131,21 @@ function withWeb(pluginOptions = {}) {
                     },
                 ],
             },
+            {
+                test: /\.module\.styl$/,
+                exclude: globalStylePaths,
+                use: [
+                    ...getCommonLoadersForCssModules(mergedOptions, includePaths),
+                    {
+                        loader: (0, path_1.join)(__dirname, 'webpack/deprecated-stylus-loader.js'),
+                        options: {
+                            stylusOptions: {
+                                include: includePaths,
+                            },
+                        },
+                    },
+                ],
+            },
         ];
         const globalCssRules = [
             {
@@ -175,6 +190,22 @@ function withWeb(pluginOptions = {}) {
                     },
                 ],
             },
+            {
+                test: /\.styl$/,
+                exclude: globalStylePaths,
+                use: [
+                    ...getCommonLoadersForGlobalCss(mergedOptions, includePaths),
+                    {
+                        loader: (0, path_1.join)(__dirname, 'webpack/deprecated-stylus-loader.js'),
+                        options: {
+                            sourceMap: !!mergedOptions.sourceMap,
+                            stylusOptions: {
+                                include: includePaths,
+                            },
+                        },
+                    },
+                ],
+            },
         ];
         const globalStyleRules = [
             {
@@ -219,10 +250,26 @@ function withWeb(pluginOptions = {}) {
                     },
                 ],
             },
+            {
+                test: /\.styl$/,
+                include: globalStylePaths,
+                use: [
+                    ...getCommonLoadersForGlobalStyle(mergedOptions, includePaths),
+                    {
+                        loader: require.resolve('stylus-loader'),
+                        options: {
+                            sourceMap: !!mergedOptions.sourceMap,
+                            stylusOptions: {
+                                include: includePaths,
+                            },
+                        },
+                    },
+                ],
+            },
         ];
         const rules = [
             {
-                test: /\.css$|\.scss$|\.sass$|\.less$/,
+                test: /\.css$|\.scss$|\.sass$|\.less$|\.styl$/,
                 oneOf: [...cssModuleRules, ...globalCssRules, ...globalStyleRules],
             },
         ];