@pixolith/webpack-sw6-config 12.0.3 → 12.0.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixolith/webpack-sw6-config",
   "public": true,
-  "version": "12.0.3",
+  "version": "12.0.5",
   "description": "",
   "main": "src/index.js",
   "scripts": {},
@@ -21,7 +21,7 @@
     "url": "https://github.com/pixolith/webpack-plugins/issues"
   },
   "homepage": "https://github.com/pixolith/webpack-plugins/tree/master/packages/webpack-hook-plugin/#readme",
-  "gitHead": "5b13ac682aa7897d252365ff02a153d7295afb12",
+  "gitHead": "be9ef885019f0dfec8031bdfba51df187d92efec",
   "dependencies": {
     "@babel/cli": "7.25.9",
     "@babel/core": "^7.26.0",

package/src/config.js

@@ -1,6 +1,7 @@
 'use strict';
 
 const Path = require('path');
+const Os = require('os');
 
 const config = {
     isProd: process.env.NODE_ENV === 'production',
@@ -83,6 +84,21 @@ if (pickedTheme && config.themeNames.indexOf(pickedTheme) === -1) {
 // themeNames stays as the full list (used for _global_resources exclusion)
 config.buildThemes = pickedTheme ? [pickedTheme] : config.themeNames;
 
+// buildParallelism: how many per-theme compilers webpack's MultiCompiler runs
+// concurrently. Default is webpack's `Infinity` (all themes at once) which is
+// extremely memory-hungry with many themes. We cap it to a conservative,
+// CPU-aware value. Override with BUILD_PARALLELISM=<n> (e.g. on big CI boxes).
+// Peak memory ≈ buildParallelism × (memory of one theme compiler).
+config.buildParallelism = (() => {
+    let raw = parseInt(process.env.BUILD_PARALLELISM, 10);
+    let value =
+        Number.isInteger(raw) && raw > 0
+            ? raw
+            : Math.max(2, Math.floor(Os.cpus().length / 4));
+    // Never exceed the number of themes actually being built.
+    return Math.max(1, Math.min(value, config.buildThemes.length || 1));
+})();
+
 const pxEntryPath =
     process.env.PX_ENTRY_PATH ||
     (process.env.SHOPWARE_MODE === 'storefront'

package/src/index.js

@@ -35,6 +35,7 @@ const setup = () => {
             shopwareMode: config.shopwareMode,
             assetUrl: config.assetUrl,
             themeNames: config.themeNames.join(', ') + (config.buildThemes.length < config.themeNames.length ? ' (building: ' + config.buildThemes.join(', ') + ')' : ''),
+            parallelism: config.buildParallelism + ' / ' + config.buildThemes.length + ' themes',
             version: pkg.version,
         });
     }
@@ -125,7 +126,7 @@ const getResourcesPaths = (themeName, options) => {
 const createThemeConfigs = (options) => {
     setup();
 
-    return config.buildThemes.map((themeName, index) => {
+    let themeConfigs = config.buildThemes.map((themeName, index) => {
         let resourcesPaths = getResourcesPaths(themeName, options);
         let themeSlug = ChangeCase.kebabCase(themeName);
         let themeOptions = {
@@ -157,6 +158,12 @@ const createThemeConfigs = (options) => {
 
         return merged;
     });
+
+    // Limit how many theme compilers run concurrently (webpack MultiCompiler).
+    // Without this webpack runs all of them in parallel in a single process.
+    themeConfigs.parallelism = config.buildParallelism;
+
+    return themeConfigs;
 };
 
 const setupAdministration = () => {
@@ -181,6 +188,7 @@ const setupAdministration = () => {
             shopwareMode: config.shopwareMode,
             assetUrl: config.assetUrl,
             themeNames: config.themeNames.join(', ') + (config.buildThemes.length < config.themeNames.length ? ' (building: ' + config.buildThemes.join(', ') + ')' : ''),
+            parallelism: config.buildParallelism + ' / ' + config.buildThemes.length + ' themes',
             version: pkg.version,
         });
     }
@@ -200,7 +208,7 @@ const setupAdministration = () => {
 const createAdminConfigs = (options) => {
     setupAdministration();
 
-    return config.buildThemes.map((themeName, index) => {
+    let adminConfigs = config.buildThemes.map((themeName, index) => {
         let resourcesPaths = getResourcesPaths(themeName, options);
         let themeSlug = ChangeCase.kebabCase(themeName);
         let themeOptions = {
@@ -232,6 +240,11 @@ const createAdminConfigs = (options) => {
 
         return merged;
     });
+
+    // Limit how many theme compilers run concurrently (webpack MultiCompiler).
+    adminConfigs.parallelism = config.buildParallelism;
+
+    return adminConfigs;
 };
 
 module.exports = {

package/src/webpack.config.dev.js

@@ -10,9 +10,25 @@ const webpack = require('webpack'),
     watcher = require('@pixolith/webpack-watcher'),
     Glob = require('glob'),
     HookPlugin = require('@pixolith/webpack-hook-plugin'),
-    Sass = require('sass'),
     TimeFixPlugin = require('time-fix-plugin');
 
+const sassLogger = {
+    warn(message, options) {
+        let stack = options && options.stack;
+        // Skip Sass's own deprecation warnings and its end-of-run "N
+        // deprecations omitted" summaries (Sass gives those a "null" stack);
+        // surface only intentional @warn from project SCSS.
+        if ((options && options.deprecation) || !stack || stack === 'null') {
+            return;
+        }
+
+        Consola.warn(`[sass] ${message}\n${stack.trimEnd()}`);
+    },
+    debug(message) {
+        Consola.info(`[sass] ${message}`);
+    },
+};
+
 module.exports = function createDevConfig(themeOptions) {
     let resourcesPaths =
         themeOptions && themeOptions.resourcesPaths
@@ -77,7 +93,7 @@ module.exports = function createDevConfig(themeOptions) {
                                 additionalData: `$asset_url: '${config.assetUrl}';`,
                                 sassOptions: {
                                     quietDeps: true,
-                                    logger: Sass.Logger.silent,
+                                    logger: sassLogger,
                                 },
                             },
                         },