Reduce installation size (#609)

* Replace `chalk` with `picocolors`

* Replace `lodash` with individual modules

* Fix Node.js 10 compatability

* Replace `lodash.escaperegexp` with `escape-string-regexp`

* Add missing comment back

* Update Changelog

Author: SukkaW

CHANGELOG.md

@@ -14,6 +14,7 @@ _Note: Gaps between patch versions are faulty, broken or test releases._
 
 * **Internal**
   * Replace some lodash usages with JavaScript native API ([#505](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/505)) by [@sukkaw](https://github.com/sukkaw).
+  * Make module much slimmer ([#609](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/609)) by [@sukkaw](https://github.com/sukkaw).
 
 ## 4.9.0
 

client/components/ModuleItem.jsx

@@ -1,4 +1,5 @@
-import _ from 'lodash';
+import escapeRegExp from 'escape-string-regexp';
+import escape from 'lodash.escape';
 import filesize from 'filesize';
 import cls from 'classnames';
 
@@ -47,7 +48,7 @@ export default class ModuleItem extends PureComponent {
     if (term) {
       const regexp = (term instanceof RegExp) ?
         new RegExp(term.source, 'igu') :
-        new RegExp(`(?:${_.escapeRegExp(term)})+`, 'iu');
+        new RegExp(`(?:${escapeRegExp(term)})+`, 'iu');
       let match;
       let lastMatch;
 
@@ -58,15 +59,15 @@ export default class ModuleItem extends PureComponent {
 
       if (lastMatch) {
         html = (
-          _.escape(title.slice(0, lastMatch.index)) +
-          `<strong>${_.escape(lastMatch[0])}</strong>` +
-          _.escape(title.slice(lastMatch.index + lastMatch[0].length))
+          escape(title.slice(0, lastMatch.index)) +
+          `<strong>${escape(lastMatch[0])}</strong>` +
+          escape(title.slice(lastMatch.index + lastMatch[0].length))
         );
       }
     }
 
     if (!html) {
-      html = _.escape(title);
+      html = escape(title);
     }
 
     return html;

client/components/Search.jsx

@@ -1,4 +1,4 @@
-import _ from 'lodash';
+import debounce from 'lodash.debounce';
 
 import s from './Search.css';
 import Button from './Button';
@@ -39,7 +39,7 @@ export default class Search extends PureComponent {
     );
   }
 
-  handleValueChange = _.debounce((event) => {
+  handleValueChange = debounce((event) => {
     this.informChange(event.target.value);
   }, 400)