@studyportals/webpack-helper 3.0.6 → 3.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studyportals/webpack-helper",
-  "version": "3.0.6",
+  "version": "3.2.0",
   "description": "A collection of standard configurations and helpers for webpack.",
   "main": "src/main.js",
   "scripts": {
@@ -31,18 +31,18 @@
     "@studyportals/bob-manifest-generator": "^3.0.0",
     "@studyportals/browserslist-config": "^1.2.0",
     "@studyportals/dll-availability-tracker": "^2.0.0",
-    "@studyportals/vue-config": "^4.0.0",
+    "@studyportals/vue-config": "^4.1.0",
     "babel-loader": "^8.2.3",
     "css-loader": "^6.5.1",
     "file-loader": "^6.2.0",
     "mini-css-extract-plugin": "^2.5.3",
-    "optimize-css-assets-webpack-plugin": "^6.0.1",
+    "css-minimizer-webpack-plugin": "^4.0.0",
     "path": "^0.12.7",
     "sass": "^1.49.7",
     "sass-loader": "^12.4.0",
     "terser-webpack-plugin": "^5.3.1",
     "ts-loader": "^9.2.6",
-    "typescript": "^3.7.2",
+    "typescript": "^4.7.4",
     "vue-loader": "^16.2.0",
     "webpack": "^5.68.0",
     "webpack-cli": "^4.9.1",
@@ -52,7 +52,7 @@
     "@types/jest": "^27.4.0",
     "@types/node": "^17.0.14",
     "babel-jest": "^25.1.0",
-    "jest": "^25.1.0",
-    "ts-jest": "^25.2.1"
+    "jest": "^28.1.1",
+    "ts-jest": "^28.0.5"
   }
 }

package/src/defaults/production.config.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProductionConfig = void 0;
 const webpack = require('webpack');
-const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
+const cssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const DllAvailabilityTracker = require('@studyportals/dll-availability-tracker');
-exports.ProductionConfig = (bobConfig) => {
+const ProductionConfig = (bobConfig) => {
     let dllDependencies = ['library'];
     if (bobConfig && bobConfig.hasOwnProperty('dllPackages')) {
         bobConfig.dllPackages.forEach((dependency) => dllDependencies.push(dependency.manifest.name));
@@ -19,7 +19,7 @@ exports.ProductionConfig = (bobConfig) => {
                     NODE_ENV: '"production"'
                 }
             }),
-            new OptimizeCSSAssetsPlugin({
+            new cssMinimizerPlugin({
                 cssProcessorPluginOptions: {
                     preset: [
                         'default',
@@ -59,3 +59,4 @@ exports.ProductionConfig = (bobConfig) => {
         }
     };
 };
+exports.ProductionConfig = ProductionConfig;

package/src/model/configuration.js

@@ -31,8 +31,9 @@ class Configuration {
         const configPrd = options[mode_1.Mode.PRODUCTION] ? options[mode_1.Mode.PRODUCTION] : {};
         this.environmentSpecificConfig = {
             [mode_1.Mode.DEVELOPMENT]: merge([configDev, development_config_1.DevelopmentConfig]) || development_config_1.DevelopmentConfig,
-            [mode_1.Mode.PRODUCTION]: merge([configPrd, production_config_1.ProductionConfig(this.bob)]) || production_config_1.ProductionConfig(this.bob)
+            [mode_1.Mode.PRODUCTION]: merge([configPrd, (0, production_config_1.ProductionConfig)(this.bob)]) || (0, production_config_1.ProductionConfig)(this.bob)
         };
+        this.fileName = options.output.fileName || "[name]";
     }
     get(mode) {
         this.detectPresets(mode);
@@ -112,12 +113,13 @@ class Configuration {
         return dependencies;
     }
     getCSSFileName() {
+        const fileName = this.fileName || `style`;
         if (this.hash === false
             || typeof this.hash.css !== 'undefined'
                 && this.hash.css === false) {
-            return 'style.css';
+            return `${fileName}.css`;
         }
-        return 'style.[fullhash].css';
+        return `${fileName}.[fullhash].css`;
     }
 }
 exports.Configuration = Configuration;