@oroinc/oro-webpack-config-builder 6.1.0-lts01 → 6.1.0-lts02

package/oro-webpack-config.js

@@ -9,8 +9,6 @@ const EntryPointFileWriter = require('./writer/scss-entry-point-file-writer');
 const LayoutModulesConfigLoader = require('./modules-config/layout-modules-config-loader');
 const LayoutStyleLoader = require('./style/layout-style-loader');
 const MapModulesPlugin = require('./plugin/map/map-modules-plugin');
-const IntegrityFilePlugin = require('./plugin/integrity/integrity-file-plugin');
-const {SubresourceIntegrityPlugin} = require('webpack-subresource-integrity');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const ModulesConfigLoader = require('./modules-config/modules-config-loader');
 const DynamicImportsFileWriter = require('./writer/dynamic-imports-file-writer');
@@ -29,6 +27,7 @@ const validation = require('./validation');
 const EventEmitter = require('events');
 const ErrorHandler = require('./error-handler');
 const SVGSprite = require('./svg-sprite');
+const TerserPlugin = require('terser-webpack-plugin');
 require('resolve-url-loader');
 require('lezer-loader');
 
@@ -282,8 +281,7 @@ class ConfigBuilder {
             output: {
                 filename: '[name].js',
                 // Because we use third party libraries 'chunkFilename' should include only [name]
-                chunkFilename: this._getVersionedPath('chunk/[name].js', this.assetVersion),
-                crossOriginLoading: "anonymous"
+                chunkFilename: this._getVersionedPath('chunk/[name].js', this.assetVersion)
             },
             devtool: !env.skipSourcemap && 'inline-cheap-module-source-map',
             mode: 'development',
@@ -293,7 +291,20 @@ class ConfigBuilder {
                     cacheGroups: {
                         defaultVendors: false
                     }
-                }
+                },
+                minimize: true,
+                minimizer: [new TerserPlugin({
+                    parallel: true,
+                    extractComments: false,
+                    minify: TerserPlugin.swcMinify,
+                    terserOptions: {
+                        compress: true,
+                        mangle: true,
+                        format: {
+                            comments: false
+                        }
+                    }
+                })]
             },
             resolveLoader: {
                 modules: [
@@ -377,8 +388,6 @@ class ConfigBuilder {
                 new webpack.optimize.MinChunkSizePlugin({
                     minChunkSize: 30000 // Minimum number of characters
                 }),
-                new SubresourceIntegrityPlugin(),
-                new IntegrityFilePlugin(),
                 new AfterWebpackLogsPlugin(
                     stats => this.emitter.emit('build:complete', stats)
                 )
@@ -428,7 +437,10 @@ class ConfigBuilder {
         // Additional setting for production mode
         if (this._isProduction) {
             webpackConfig.devtool = false;
-            webpackConfig.plugins.push(new CssMinimizerPlugin());
+            webpackConfig.plugins.push(new CssMinimizerPlugin({
+                parallel: true,
+                minify: CssMinimizerPlugin.esbuildMinify
+            }));
         }
 
         return webpackConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oroinc/oro-webpack-config-builder",
-  "version": "6.1.0-lts01",
+  "version": "6.1.0-lts02",
   "author": "Oro, Inc. (https://oroinc.com)",
   "license": "MIT",
   "description": "An integration of OroPlatform based applications with the Webpack.",
@@ -9,6 +9,7 @@
     "@babel/core": "~7.23.3",
     "@babel/plugin-transform-runtime": "~7.21.0",
     "@babel/preset-env": "~7.21.2",
+    "@swc/core": "^1.11.8",
     "autoprefixer": "~10.4.13",
     "babel-loader": "~9.1.0",
     "bindings": "~1.5.0",
@@ -17,6 +18,7 @@
     "deepmerge": "~4.3.1",
     "exports-loader": "~4.0.0",
     "expose-loader": "~4.1.0",
+    "esbuild-loader": "^4.3.0",
     "file-loader": "~6.2.0",
     "html-webpack-plugin": "~5.5.0",
     "imports-loader": "~4.0.1",
@@ -31,22 +33,22 @@
     "printf": "~0.6.0",
     "resolve-url-loader": "^5.0.0",
     "rtlcss-webpack-plugin": "~4.0.6",
-    "sass": "~1.83.0",
+    "sass": "~1.85.0",
     "sass-loader": "~13.2.0",
     "schema-utils": "^4.0.0",
     "style-loader": "~3.3.1",
     "svgo": "^3.0.2",
     "svgstore": "^3.0.1",
-    "terser": "~5.17.1",
+    "terser": "~5.39.0",
+    "terser-webpack-plugin": "^5.3.13",
     "text-loader": "0.0.1",
     "underscore": "1.13.*",
     "url-loader": "~4.1.1",
-    "webpack": "~5.80.0",
-    "webpack-bundle-analyzer": "~4.8.0",
-    "webpack-cli": "~5.0.0",
-    "webpack-dev-server": "^4.11.1",
+    "webpack": "~5.98.0",
+    "webpack-bundle-analyzer": "~4.10.2",
+    "webpack-cli": "~6.0.0",
+    "webpack-dev-server": "^5.2.0",
     "webpack-merge": "~5.8.0",
-    "webpack-subresource-integrity": "^5.2.0-rc.1",
     "wildcard": "~2.0.0"
   }
 }

package/plugin/integrity/integrity-file-plugin.js

@@ -1,38 +0,0 @@
-const { createHash } = require('crypto');
-const { Compilation, sources } = require('webpack');
-const fs = require('fs').promises;
-const path = require('path');
-
-class IntegrityFilePlugin {
-    constructor({ outputPath = 'integrity.json', algorithm = 'sha384' } = {}) {
-        this.outputPath = outputPath;
-        this.algorithm = algorithm;
-    }
-
-    apply(compiler) {
-        compiler.hooks.thisCompilation.tap('IntegrityFilePlugin', (compilation) => {
-            compilation.hooks.processAssets.tapPromise(
-                { name: 'SubresourceIntegrityPlugin', stage: Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_TRANSFER },
-                async () => {
-                    const integrityData = Object.fromEntries(
-                        Object.entries(compilation.assets).map(([assetName, asset]) => {
-                            const hash = createHash(this.algorithm).update(asset.source()).digest('base64');
-                            const assetNormalized = assetName.split('?')[0];
-
-                            return [
-                                path.join(compiler.options.output.publicPath || '', assetNormalized),
-                                `${this.algorithm}-${hash}`
-                            ];
-                        })
-                    );
-
-                    const jsonData = JSON.stringify(integrityData, null, 2);
-                    await fs.writeFile(this.outputPath, jsonData, 'utf8');
-                    compilation.emitAsset(this.outputPath, new sources.RawSource(jsonData));
-                }
-            );
-        });
-    }
-}
-
-module.exports = IntegrityFilePlugin;