@caweb/webpack 1.3.0 → 1.3.1

package/changelog.txt

@@ -1,3 +1,6 @@
+v1.3.1
+- Updated npm packages
+
 v1.3.0
 - Webpack configuration has been moved to @caweb/html-webpack-plugin
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@caweb/webpack",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "CAWebPublishing Webpack Configuration",
   "main": "index.js",
   "type": "module",
@@ -37,7 +37,7 @@
   "dependencies": {
     "@caweb/a11y-webpack-plugin": "^1.0.9",
     "@caweb/css-audit-webpack-plugin": "^1.0.12",
-    "@caweb/html-webpack-plugin": "^1.5.1",
+    "@caweb/html-webpack-plugin": "^1.5.2",
     "@caweb/jshint-webpack-plugin": "^1.0.9"
   }
 }

package/plugins/html/changelog.txt

@@ -1,3 +1,8 @@
+v1.5.2
+- Fixed issue with webpack plugins still being added even when flags are passed
+- Reverted multiple configuration export change back to single config export
+- Reduced font size for footer social icons
+
 v1.5.1
 - updated npm packages
 - Changed mobile control structure, navigation and search are now in the mobile overlay

package/plugins/html/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@caweb/html-webpack-plugin",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@caweb/html-webpack-plugin",
-      "version": "1.5.1",
+      "version": "1.5.2",
       "license": "ISC",
       "dependencies": {
         "@caweb/a11y-webpack-plugin": "^1.0.9",

package/plugins/html/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@caweb/html-webpack-plugin",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "description": "CAWebPublishing Sample Page and Configurations",
   "main": "index.js",
   "type": "module",
@@ -25,7 +25,8 @@
     "generate-json": "node ./scripts/icon.js",
     "serve": "webpack serve --config ./webpack.config.js ./entry/oceanside.js ./scripts/webpack.test.js --merge",
     "serve:quick": "set NODE_OPTIONS='--no-jshint --no-audit --no-a11y' && webpack serve --config ./webpack.config.js ./entry/oceanside.js ./scripts/webpack.test.js --merge",
-    "test": "echo \"Error: run tests from root\" && exit 0"
+    "test": "echo \"Error: run tests from root\" && exit 0",
+    "t": "webpack build --config ./webpack.test.js"
   },
   "repository": {
     "type": "git",

package/plugins/html/webpack.config.js

@@ -50,10 +50,13 @@ function processArgs( arr ){
   return tmp
 }
 
-function getArgVal(flag){
-  return flags.includes(flag) ? flags[flags.indexOf(flag) + 1] : false;
+function flagExists(flag){
+  return flags.includes(flag)
 }
 
+function getArgVal(flag){
+  return flagExists(flag) ? flags[flags.indexOf(flag) + 1] : false;
+}
 
 // Update some of the default WordPress webpack rules.
 baseConfig.module.rules.forEach((rule, i) => {
@@ -97,12 +100,14 @@ delete baseConfig.devServer;
 let mode = getArgVal('--mode') ? getArgVal('--mode') : baseConfig.mode;
 
 let webpackConfig = {
+  ...baseConfig,
   mode,
   name: 'uncompressed',
   target: 'web',
   cache: false,
   stats: 'errors',
   output: {
+    ...baseConfig.output,
     clean: mode === 'production'
   },
   performance: {
@@ -110,7 +115,9 @@ let webpackConfig = {
     maxEntrypointSize: 500000
   },
   module:{
+    ...baseConfig.module,
     rules: [
+      ...baseConfig.module.rules,
       /**
        * Default template loader for html is lodash, 
        * lets switch to handlebars
@@ -230,7 +237,7 @@ if( 'serve' === webpackCommand ){
   }
 
   // Page Template and additional plugins
-  webpackConfig.plugins = [
+  webpackConfig.plugins.push(
     new CAWebHTMLPlugin({
         template,
         templateParameters: {
@@ -246,34 +253,35 @@ if( 'serve' === webpackCommand ){
     }),
     new HtmlWebpackSkipAssetsPlugin(),
     new HtmlWebpackLinkTypePlugin(),
-    ! getArgVal('--no-jshint') ? new JSHintPlugin() : false,
-    ! getArgVal('--no-audit') ? new CSSAuditPlugin() : false,
-    ! getArgVal('--no-a11y') ? new A11yPlugin() : false
-  ]
+    ! flagExists('--no-jshint') ? new JSHintPlugin() : false,
+    ! flagExists('--no-audit') ? new CSSAuditPlugin() : false,
+    ! flagExists('--no-a11y') ? new A11yPlugin() : false
+  )
 }
 
-export default [
-  baseConfig,
-  webpackConfig,
-  mode === 'production' ?
-  {
-    name: 'compressed',
-    dependencies: ['uncompressed'],
-    devtool: false,
-    output: {
-      filename: '[name].min.js',
-      chunkFilename: '[name].min.js?v=[chunkhash]',
-    },
-    plugins: [
-  		new MiniCSSExtractPlugin( { filename: '[name].min.css' } ),
-  		new RtlCssPlugin( { filename: '[name]-rtl.min.css' } ),
-    ],
-    optimization:{
-      minimize: true,
-      minimizer: [
-        `...`,
-        new CssMinimizerPlugin({test: /\.min\.css$/})
-      ]
-    }
-  } : false
-].filter(Boolean);
+/**
+ * Production only
+ */
+if( mode === 'production' ){
+  // Config
+  webpackConfig.name = 'compressed';
+  webpackConfig.devtool = false;
+
+  // Output
+  webpackConfig.output.filename = '[name].min.js';
+  webpackConfig.output.chunkFilename = '[name].min.js?v=[chunkhash]';
+    
+  // Plugins
+  webpackConfig.plugins.push(
+    new MiniCSSExtractPlugin( { filename: '[name].min.css' } ),
+    new RtlCssPlugin( { filename: '[name]-rtl.min.css' } )
+  )
+
+  // Optimization
+  webpackConfig.optimization.minimize = true;
+  webpackConfig.optimization.minimizer.push(
+    new CssMinimizerPlugin({test: /\.min\.css$/})
+  )
+}
+
+export default webpackConfig;