native transform + keep names + dependency updates

Author: dasiux

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 0.9.0
+ - Added babel native transform support and updated babelrc.
+ - Added TerserPlugin with *--keep-names* cli option.
+ - Updated dependencies.
+
 ## 0.8.4
  - Updated dependencies.
 

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 squirrel-forge
+Copyright (c) 2022 squirrel-forge
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -47,6 +47,7 @@ A long option always override the value of a short option if both are used.
 | -d    | --development | bool     | Development mode                                                                                                                        |
 | -p    | --production  | bool     | Production mode                                                                                                                         |
 |       | --no-minify   | bool     | Do not minify, sets the *optimization.minify* option to false                                                                           |
+|       | --keep-names  | bool     | Add terser with keep names options                                                                                                      |
 | -e    | --extend      | bool/str | Extend the webpack config using *webpack-merge*, optionally specify a path, default: cwd/*extend.webpack.config.js*                     |
 | -b    | --bundle      | bool     | Bundle all files in one entry                                                                                                           |
 | -n    | --name        | str      | Bundle name, default: 'bundle'                                                                                                          |

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@squirrel-forge/simple-webpack",
-  "version": "0.8.4",
+  "version": "0.9.0",
   "description": "A thin node wrapper for webpack with some basic options and configuration.",
   "main": "src/classes/SimpleWebpack.js",
   "scripts": {
@@ -33,18 +33,19 @@
     "node": ">= 10.0.0"
   },
   "dependencies": {
-    "@babel/core": "^7.17.2",
+    "@babel/core": "^7.17.9",
     "@babel/eslint-parser": "^7.17.0",
     "@babel/preset-env": "^7.16.11",
     "@squirrel-forge/node-cfx": "^1.2.1",
     "@squirrel-forge/node-util": "^1.4.2",
-    "babel-loader": "^8.2.3",
+    "babel-loader": "^8.2.4",
+    "babel-plugin-transform-builtin-extend": "^1.1.2",
     "cli-spinner": "^0.2.10",
-    "directory-tree": "^3.2.1",
+    "directory-tree": "^3.2.2",
     "eslint": "^7.32.0",
     "eslint-webpack-plugin": "^3.1.1",
     "intercept-stdout": "^0.1.2",
-    "webpack": "^5.68.0",
+    "webpack": "^5.72.0",
     "webpack-bundle-analyzer": "^4.5.0",
     "webpack-merge": "^5.8.0"
   }

src/babelrc.json

@@ -3,9 +3,14 @@
     [
       "@babel/preset-env",
       {
-        "targets": {"browsers": [ "> 2%", "last 2 versions" ]},
+        "targets": {"browsers": [ "> 2%", "last 2 versions", "not ie <= 11" ]},
         "modules": false
       }
     ]
+  ],
+  "plugins": [
+    [ "babel-plugin-transform-builtin-extend", {
+      "globals": [ "Error" ]
+    } ]
   ]
 }

src/classes/SimpleWebpack.js

@@ -4,6 +4,7 @@
 const path = require( 'path' );
 const webpack = require( 'webpack' );
 const { merge } = require( 'webpack-merge' );
+const TerserPlugin = require( 'terser-webpack-plugin' );
 const ESLintPlugin = require( 'eslint-webpack-plugin' );
 const { BundleAnalyzerPlugin } = require( 'webpack-bundle-analyzer' );
 const { Exception, Timer, FsInterface, isPojo } = require( '@squirrel-forge/node-util' );
@@ -265,6 +266,18 @@ class SimpleWebpack {
             optimization : { minimize : typeof options.minify === 'boolean' ? options.minify : this.production },
         };
 
+        // Add terser with keep names options
+        if ( config.optimization.minimize && options.keepnames ) {
+            config.optimization.minimizer = [
+                new TerserPlugin( {
+                    terserOptions : {
+                        keep_classnames : true,
+                        keep_fnames : /^(?!_).+/,
+                    },
+                } ),
+            ];
+        }
+
         // Add analyzer plugin if options available
         if ( this.analyzer ) {
 

src/cli.js

@@ -60,6 +60,9 @@ module.exports = async function cli() {
         // Disable minification
         nominify : [ ' ', '--no-minify', false, true ],
 
+        // Disable minification
+        keepnames : [ ' ', '--keep-names', false, true ],
+
         // Extend config
         extend : [ '-e', '--extend', null, true, true ],
 
@@ -204,6 +207,11 @@ module.exports = async function cli() {
         swpOptions.minify = false;
     }
 
+    // Terser keep names options
+    if ( swpOptions.minify && options.keepnames ) {
+        swpOptions.keepnames = true;
+    }
+
     // Load extend options
     if ( options.extend ) {
 

src/eslintrc.json

@@ -12,7 +12,7 @@
   },
 
   "rules": {
-    "strict": 2,
+    "strict": [ 2, "global" ],
 
     "for-direction": 2,
     "getter-return": 2,
@@ -86,9 +86,8 @@
     "template-curly-spacing": [ 2, "never" ],
     "yield-star-spacing": [ "error", { "before": true, "after": true } ],
 
-    "array-bracket-newline": [ 2, { "multiline": true, "minItems": 3 } ],
+    "array-bracket-newline": [ 2, "consistent" ],
     "array-bracket-spacing": [ 2, "always"],
-    "array-element-newline": [ 2, { "multiline": true, "minItems": 3 } ],
     "block-spacing" : 2,
     "brace-style": [ 2, "1tbs", { "allowSingleLine": true } ],
     "comma-dangle": [ 2, { "arrays": "only-multiline", "objects": "only-multiline", "imports": "never", "exports": "never", "functions": "ignore" } ],
@@ -112,7 +111,6 @@
     "no-trailing-spaces": 2,
     "no-unneeded-ternary": 2,
 
-    "object-curly-newline": [ 2, { "ObjectExpression": { "multiline": true, "minProperties": 8 }, "ObjectPattern": { "multiline": true, "minProperties": 8 }, "ImportDeclaration": { "multiline": true, "minProperties": 8 }, "ExportDeclaration": { "multiline": true, "minProperties": 8 } } ],
     "object-curly-spacing": [ 2, "always", { "arraysInObjects": true, "objectsInObjects": true } ],
     "one-var": [ 2, { "var": "always", "let": "consecutive", "const": "never" } ],