chore: use lodash-es to improve bundle size (#4072)

* chore: use lodash-es to improve bundle size

* use lodash plugin always

* add comments

Author: layershifter

.babel-preset.js

@@ -31,7 +31,20 @@ const plugins = [
     },
   ],
   // Plugins that allow to reduce the target bundle size
+
+  // `babel-plugin-lodash` is required for all kinds of modules to simplify the resolution of
+  // modules and avoid modules that prevent tree-shaking:
+  // https://github.com/lodash/lodash/issues/4119
   'lodash',
+  // CJS modules are not tree-shakable in any bundler by default
+  // https://github.com/formium/tsdx#using-lodash
+  (isESBuild || isUMDBuild) && [
+    'babel-plugin-transform-rename-import',
+    {
+      replacements: [{ original: 'lodash', replacement: 'lodash-es' }],
+    },
+  ],
+
   'transform-react-handled-props',
   [
     'transform-react-remove-prop-types',

package.json

@@ -74,6 +74,7 @@
     "clsx": "^1.1.1",
     "keyboard-key": "^1.1.0",
     "lodash": "^4.17.19",
+    "lodash-es": "^4.17.15",
     "prop-types": "^15.7.2",
     "react-is": "^16.8.6",
     "react-popper": "^1.3.7",
@@ -105,6 +106,7 @@
     "babel-plugin-lodash": "^3.3.4",
     "babel-plugin-transform-react-handled-props": "^2.1.0",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+    "babel-plugin-transform-rename-import": "^2.3.0",
     "babel-plugin-universal-import": "^2.0.2",
     "chai": "^4.2.0",
     "chai-enzyme": "^1.0.0-beta.1",

yarn.lock

@@ -2798,6 +2798,11 @@ babel-plugin-transform-regenerator@^6.22.0:
   dependencies:
     regenerator-transform "^0.10.0"
 
+babel-plugin-transform-rename-import@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-rename-import/-/babel-plugin-transform-rename-import-2.3.0.tgz#5d9d645f937b0ca5c26a24b2510a06277b6ffd9b"
+  integrity sha512-dPgJoT57XC0PqSnLgl2FwNvxFrWlspatX2dkk7yjKQj5HHGw071vAcOf+hqW8ClqcBDMvEbm6mevn5yHAD8mlQ==
+
 babel-plugin-transform-runtime@^6.23.0:
   version "6.23.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-runtime/-/babel-plugin-transform-runtime-6.23.0.tgz#88490d446502ea9b8e7efb0fe09ec4d99479b1ee"
@@ -8607,6 +8612,11 @@ locate-path@^5.0.0:
   dependencies:
     p-locate "^4.1.0"
 
+lodash-es@^4.17.15:
+  version "4.17.15"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.15.tgz#21bd96839354412f23d7a10340e5eac6ee455d78"
+  integrity sha512-rlrc3yU3+JNOpZ9zj5pQtxnx2THmvRykwL4Xlxoa8I9lHBlVbbyPhgyPMioxVZ4NqyxaVVtaJnzsyOidQIhyyQ==
+
 lodash._basecopy@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/lodash._basecopy/-/lodash._basecopy-3.0.1.tgz#8da0e6a876cf344c0ad8a54882111dd3c5c7ca36"