update to rollup.config.js - add "pure_getters": true and "emca": 2015 to terser plugin settings to reduce bundle size; run final step to clean-up "data-testid" attributes from source code as final step in bundling using plugin-replace

Author: based-ghost

package.json

@@ -40,9 +40,9 @@
     "@babel/cli": "^7.13.10",
     "@babel/core": "^7.13.10",
     "@babel/plugin-proposal-object-rest-spread": "^7.13.8",
-    "@babel/plugin-proposal-optional-chaining": "^7.13.8",
+    "@babel/plugin-proposal-optional-chaining": "^7.13.12",
     "@babel/plugin-transform-runtime": "^7.13.10",
-    "@babel/preset-env": "^7.13.10",
+    "@babel/preset-env": "^7.13.12",
     "@babel/preset-react": "^7.12.13",
     "@babel/preset-typescript": "^7.13.0",
     "@babel/runtime": "^7.13.10",
@@ -62,8 +62,8 @@
     "@types/react-dom": "^17.0.2",
     "@types/react-window": "^1.8.2",
     "@types/styled-components": "^5.1.9",
-    "@typescript-eslint/eslint-plugin": "^4.18.0",
-    "@typescript-eslint/parser": "^4.18.0",
+    "@typescript-eslint/eslint-plugin": "^4.19.0",
+    "@typescript-eslint/parser": "^4.19.0",
     "babel-jest": "^26.6.3",
     "babel-loader": "^8.2.2",
     "babel-plugin-styled-components": "^1.12.0",
@@ -86,7 +86,7 @@
     "react-toastify": "^7.0.3",
     "react-window": "^1.8.6",
     "rimraf": "^3.0.2",
-    "rollup": "^2.42.2",
+    "rollup": "^2.42.3",
     "rollup-plugin-terser": "^7.0.2",
     "styled-components": "^5.2.1",
     "typescript": "^4.2.3"

rollup.config.js

@@ -24,6 +24,10 @@ const terserPlugin = terser({
   format: {
     preserve_annotations: true,
   },
+  compress: {
+    ecma: 2015,
+    pure_getters: true,
+  },
 });
 
 /**
@@ -34,6 +38,14 @@ const replacePlugin = replace({
   'process.env.NODE_ENV': JSON.stringify('production'),
 });
 
+// Remove data-testid attribute (since undefined in non-test environments)
+// Perform as final step in transformed, bundled code (for esm and cjs builds)
+const removeTestIdPlugin = replace({
+  preventAssignment: true,
+  ',"data-testid":undefined': '',
+  delimiters: ['', ''],
+});
+
 /**
  * Babel Plugin config (differs from project's babel.config.js)
  */
@@ -48,11 +60,11 @@ const babelPlugin = (useESModules = true) => {
     exclude: 'node_modules/**',
     extensions: [...DEFAULT_EXTENSIONS, '.ts', '.tsx'],
     presets: [
-      ['@babel/preset-env', { targets, loose: false, bugfixes: true }],
-      ['@babel/preset-react', { runtime: 'classic' }],
+      ['@babel/preset-env', {targets, loose: false, bugfixes: true}],
+      ['@babel/preset-react', {runtime: 'classic'}],
     ],
     plugins: [
-      ['@babel/plugin-transform-runtime', { useESModules }],
+      ['@babel/plugin-transform-runtime', {useESModules}],
       '@babel/plugin-proposal-optional-chaining',
       [
         'babel-plugin-styled-components',
@@ -84,6 +96,7 @@ export default [
       typescript(),
       babelPlugin(false),
       terserPlugin,
+      removeTestIdPlugin
     ],
   },
 
@@ -101,6 +114,7 @@ export default [
       typescript(),
       babelPlugin(),
       terserPlugin,
+      removeTestIdPlugin
     ],
   },
 

tsconfig.json

@@ -8,7 +8,7 @@
     "strict": true,
     "skipLibCheck": true,
     "noUnusedLocals": true,
-    "removeComments": true,
+    "removeComments": false,
     "esModuleInterop": true,
     "isolatedModules": true,
     "experimentalDecorators": true,