diff --git a/client/components/Button.jsx b/client/components/Button.jsx
index 9f2ed889..99bff88c 100644
--- a/client/components/Button.jsx
+++ b/client/components/Button.jsx
@@ -1,9 +1,22 @@
 import cls from "classnames";
+import PropTypes from "prop-types";
 import PureComponent from "../lib/PureComponent.jsx";
 
 import * as styles from "./Button.css";
 
 export default class Button extends PureComponent {
+  static propTypes = {
+    className: PropTypes.string,
+
+    active: PropTypes.bool,
+    toggle: PropTypes.bool,
+    disabled: PropTypes.bool,
+
+    onClick: PropTypes.func.isRequired,
+
+    children: PropTypes.node,
+  };
+
   render({ active, className, children, ...props }) {
     const classes = cls(className, {
       [styles.button]: true,
@@ -25,12 +38,15 @@ export default class Button extends PureComponent {
   }
 
   get disabled() {
-    const { props } = this;
-    return props.disabled || (props.active && !props.toggle);
+    const { disabled, active, toggle } = this.props;
+    return disabled || (active && !toggle);
   }
 
   handleClick = (event) => {
-    this.elem.blur();
+    if (this.elem) {
+      this.elem.blur();
+    }
+
     this.props.onClick(event);
   };
 
diff --git a/client/components/Checkbox.jsx b/client/components/Checkbox.jsx
index be2c1ed3..2e64366c 100644
--- a/client/components/Checkbox.jsx
+++ b/client/components/Checkbox.jsx
@@ -1,9 +1,20 @@
 import cls from "classnames";
 import { Component } from "preact";
+import PropTypes from "prop-types";
 
 import * as styles from "./Checkbox.css";
 
 export default class Checkbox extends Component {
+  static propTypes = {
+    className: PropTypes.string,
+
+    checked: PropTypes.bool,
+
+    onChange: PropTypes.func.isRequired,
+
+    children: PropTypes.node,
+  };
+
   render() {
     const { checked, className, children } = this.props;
 
@@ -15,7 +26,7 @@ export default class Checkbox extends Component {
           checked={checked}
           onChange={this.handleChange}
         />
-        <span className={styles.itemText}>{children}</span>
+        {children && <span className={styles.itemText}>{children}</span>}
       </label>
     );
   }
diff --git a/client/components/CheckboxList.jsx b/client/components/CheckboxList.jsx
index 984c0b5e..e737bb40 100644
--- a/client/components/CheckboxList.jsx
+++ b/client/components/CheckboxList.jsx
@@ -1,10 +1,21 @@
+import PropTypes from "prop-types";
 import PureComponent from "../lib/PureComponent.jsx";
 import * as styles from "./CheckboxList.css";
 import CheckboxListItem from "./CheckboxListItem.jsx";
+import { ViewerDataType } from "./types.js";
 
 const ALL_ITEM = Symbol("ALL_ITEM");
 
 export default class CheckboxList extends PureComponent {
+  static propTypes = {
+    label: PropTypes.string.isRequired,
+    renderLabel: PropTypes.func.isRequired,
+    items: PropTypes.oneOfType([ViewerDataType, PropTypes.symbol]),
+    checkedItems: PropTypes.oneOfType([ViewerDataType, PropTypes.symbol]),
+
+    onChange: PropTypes.func.isRequired,
+  };
+
   static ALL_ITEM = ALL_ITEM;
 
   constructor(props) {
diff --git a/client/components/CheckboxListItem.jsx b/client/components/CheckboxListItem.jsx
index eb36b9c9..626e7150 100644
--- a/client/components/CheckboxListItem.jsx
+++ b/client/components/CheckboxListItem.jsx
@@ -1,10 +1,21 @@
 import { Component } from "preact";
+import PropTypes from "prop-types";
 
 import Checkbox from "./Checkbox.jsx";
 import * as styles from "./CheckboxList.css";
 import CheckboxList from "./CheckboxList.jsx";
+import { ViewerDataItemType } from "./types.js";
 
 export default class CheckboxListItem extends Component {
+  static propTypes = {
+    item: PropTypes.oneOfType([ViewerDataItemType, PropTypes.symbol])
+      .isRequired,
+
+    onChange: PropTypes.func.isRequired,
+
+    children: PropTypes.func,
+  };
+
   render() {
     return (
       <div className={styles.item}>
@@ -17,7 +28,6 @@ export default class CheckboxListItem extends Component {
 
   renderLabel() {
     const { children, item } = this.props;
-
     if (children) {
       return children(item);
     }
diff --git a/client/components/ContextMenu.jsx b/client/components/ContextMenu.jsx
index 8228dfb0..1db649fa 100644
--- a/client/components/ContextMenu.jsx
+++ b/client/components/ContextMenu.jsx
@@ -1,11 +1,25 @@
 import cls from "classnames";
+import PropTypes from "prop-types";
 import PureComponent from "../lib/PureComponent.jsx";
 import { store } from "../store.js";
 import { elementIsOutside } from "../utils.js";
 import * as styles from "./ContextMenu.css";
 import ContextMenuItem from "./ContextMenuItem.jsx";
+import { ViewerDataItemType } from "./types.js";
 
 export default class ContextMenu extends PureComponent {
+  static propTypes = {
+    visible: PropTypes.bool,
+
+    chunk: ViewerDataItemType,
+    coords: PropTypes.shape({
+      x: PropTypes.number,
+      y: PropTypes.number,
+    }).isRequired,
+
+    onHide: PropTypes.func,
+  };
+
   componentDidMount() {
     this.boundingRect = this.node.getBoundingClientRect();
   }
@@ -68,24 +82,25 @@ export default class ContextMenu extends PureComponent {
       const filteredChunks = store.selectedChunks.filter(
         (chunk) => chunk.label !== selectedChunk.label,
       );
-      store.selectedChunks = filteredChunks;
+      store.setSelectedChunks(filteredChunks);
     }
     this.hide();
   };
 
   handleClickFilterToChunk = () => {
     const { chunk: selectedChunk } = this.props;
+
     if (selectedChunk && selectedChunk.label) {
       const filteredChunks = store.allChunks.filter(
         (chunk) => chunk.label === selectedChunk.label,
       );
-      store.selectedChunks = filteredChunks;
+      store.setSelectedChunks(filteredChunks);
     }
     this.hide();
   };
 
   handleClickShowAllChunks = () => {
-    store.selectedChunks = store.allChunks;
+    store.setSelectedChunks(store.allChunks);
     this.hide();
   };
 
diff --git a/client/components/ContextMenuItem.jsx b/client/components/ContextMenuItem.jsx
index d44f398b..3508e9d3 100644
--- a/client/components/ContextMenuItem.jsx
+++ b/client/components/ContextMenuItem.jsx
@@ -1,4 +1,5 @@
 import cls from "classnames";
+import PropTypes from "prop-types";
 
 import * as styles from "./ContextMenuItem.css";
 
@@ -18,3 +19,11 @@ export default function ContextMenuItem({ children, disabled, onClick }) {
     </li>
   );
 }
+
+ContextMenuItem.propTypes = {
+  disabled: PropTypes.bool,
+
+  children: PropTypes.node.isRequired,
+
+  onClick: PropTypes.func,
+};
diff --git a/client/components/Dropdown.jsx b/client/components/Dropdown.jsx
index db306e11..7a415e41 100644
--- a/client/components/Dropdown.jsx
+++ b/client/components/Dropdown.jsx
@@ -1,9 +1,16 @@
 import { createRef } from "preact";
+import PropTypes from "prop-types";
 import PureComponent from "../lib/PureComponent.jsx";
 
 import * as styles from "./Dropdown.css";
 
 export default class Dropdown extends PureComponent {
+  static propTypes = {
+    label: PropTypes.string.isRequired,
+    options: PropTypes.arrayOf(PropTypes.string).isRequired,
+    onSelectionChange: PropTypes.func.isRequired,
+  };
+
   input = createRef();
 
   state = {
diff --git a/client/components/Icon.jsx b/client/components/Icon.jsx
index d91930af..fbc59b1d 100644
--- a/client/components/Icon.jsx
+++ b/client/components/Icon.jsx
@@ -1,4 +1,5 @@
 import cls from "classnames";
+import PropTypes from "prop-types";
 import iconArrowRight from "../assets/icon-arrow-right.svg";
 import iconMoon from "../assets/icon-moon.svg";
 import iconPin from "../assets/icon-pin.svg";
@@ -27,6 +28,14 @@ const ICONS = {
 };
 
 export default class Icon extends PureComponent {
+  static propTypes = {
+    className: PropTypes.string,
+
+    name: PropTypes.string.isRequired,
+    size: PropTypes.number,
+    rotate: PropTypes.number,
+  };
+
   render({ className }) {
     return <i className={cls(styles.icon, className)} style={this.style} />;
   }
diff --git a/client/components/ModuleItem.jsx b/client/components/ModuleItem.jsx
index 6871622f..189a362d 100644
--- a/client/components/ModuleItem.jsx
+++ b/client/components/ModuleItem.jsx
@@ -2,11 +2,22 @@ import cls from "classnames";
 import escapeRegExp from "escape-string-regexp";
 import { filesize } from "filesize";
 import { escape } from "html-escaper";
+import PropTypes from "prop-types";
 import PureComponent from "../lib/PureComponent.jsx";
-
 import * as styles from "./ModuleItem.css";
+import { ModuleType, SizeType } from "./types.js";
 
 export default class ModuleItem extends PureComponent {
+  static propTypes = {
+    module: ModuleType.isRequired,
+    showSize: SizeType.isRequired,
+    highlightedText: PropTypes.instanceOf(RegExp),
+
+    isVisible: PropTypes.func.isRequired,
+
+    onClick: PropTypes.func.isRequired,
+  };
+
   state = {
     visible: true,
   };
diff --git a/client/components/ModulesList.jsx b/client/components/ModulesList.jsx
index 50b605a6..1404d2ec 100644
--- a/client/components/ModulesList.jsx
+++ b/client/components/ModulesList.jsx
@@ -1,10 +1,22 @@
 import cls from "classnames";
+import PropTypes from "prop-types";
 import PureComponent from "../lib/PureComponent.jsx";
 import ModuleItem from "./ModuleItem.jsx";
-
 import * as styles from "./ModulesList.css";
+import { ModuleType, SizeType } from "./types.js";
 
 export default class ModulesList extends PureComponent {
+  static propTypes = {
+    className: PropTypes.string,
+
+    modules: PropTypes.arrayOf(ModuleType).isRequired,
+    showSize: SizeType.isRequired,
+    highlightedText: PropTypes.instanceOf(RegExp),
+
+    isModuleVisible: PropTypes.func.isRequired,
+    onModuleClick: PropTypes.func.isRequired,
+  };
+
   render({ modules, showSize, highlightedText, isModuleVisible, className }) {
     return (
       <div className={cls(styles.container, className)}>
diff --git a/client/components/ModulesTreemap.jsx b/client/components/ModulesTreemap.jsx
index 81de5f38..7a2a9833 100644
--- a/client/components/ModulesTreemap.jsx
+++ b/client/components/ModulesTreemap.jsx
@@ -173,7 +173,9 @@ class ModulesTreemap extends Component {
           onGroupSecondaryClick={this.handleTreemapGroupSecondaryClick}
           onResize={this.handleResize}
         />
-        <Tooltip visible={showTooltip}>{tooltipContent}</Tooltip>
+        {tooltipContent && (
+          <Tooltip visible={showTooltip}>{tooltipContent}</Tooltip>
+        )}
         <ContextMenu
           visible={showChunkContextMenu}
           chunk={selectedChunk}
@@ -264,12 +266,14 @@ class ModulesTreemap extends Component {
 
   handleSelectionChange = (selected) => {
     if (!selected) {
-      store.selectedChunks = store.allChunks;
+      store.setSelectedChunks(store.allChunks);
       return;
     }
 
-    store.selectedChunks = store.allChunks.filter(
-      (chunk) => chunk.isInitialByEntrypoint[selected] ?? false,
+    store.setSelectedChunks(
+      store.allChunks.filter(
+        (chunk) => chunk.isInitialByEntrypoint[selected] ?? false,
+      ),
     );
   };
 
@@ -314,15 +318,15 @@ class ModulesTreemap extends Component {
   };
 
   handleSizeSwitch = (sizeSwitchItem) => {
-    store.selectedSize = sizeSwitchItem.prop;
+    store.setSelectedSize(sizeSwitchItem.prop);
   };
 
   handleQueryChange = (query) => {
-    store.searchQuery = query;
+    store.setSearchQuery(query);
   };
 
   handleSelectedChunksChange = (selectedChunks) => {
-    store.selectedChunks = selectedChunks;
+    store.setSelectedSize(selectedChunks);
   };
 
   handleMouseLeaveTreemap = () => {
diff --git a/client/components/Search.jsx b/client/components/Search.jsx
index ff207b7b..4aaf9263 100644
--- a/client/components/Search.jsx
+++ b/client/components/Search.jsx
@@ -1,12 +1,24 @@
 // TODO: switch to a more modern debounce package once we drop Node.js 10 support
 import debounce from "debounce";
 
+import PropTypes from "prop-types";
 import PureComponent from "../lib/PureComponent.jsx";
 import Button from "./Button.jsx";
 
 import * as styles from "./Search.css";
 
 export default class Search extends PureComponent {
+  static propTypes = {
+    className: PropTypes.string,
+
+    label: PropTypes.string.isRequired,
+    query: PropTypes.string.isRequired,
+
+    autofocus: PropTypes.bool,
+
+    onQueryChange: PropTypes.func.isRequired,
+  };
+
   componentDidMount() {
     if (this.props.autofocus) {
       this.focus();
diff --git a/client/components/Sidebar.jsx b/client/components/Sidebar.jsx
index f859aaa9..db5351c6 100644
--- a/client/components/Sidebar.jsx
+++ b/client/components/Sidebar.jsx
@@ -1,6 +1,6 @@
 import cls from "classnames";
 import { Component } from "preact";
-
+import PropTypes from "prop-types";
 import Button from "./Button.jsx";
 import Icon from "./Icon.jsx";
 import * as styles from "./Sidebar.css";
@@ -9,6 +9,17 @@ import ThemeToggle from "./ThemeToggle.jsx";
 const toggleTime = Number.parseInt(styles.toggleTime, 10);
 
 export default class Sidebar extends Component {
+  static propTypes = {
+    pinned: PropTypes.bool.isRequired,
+    position: PropTypes.string,
+
+    onToggle: PropTypes.func.isRequired,
+    onResize: PropTypes.func.isRequired,
+    onPinStateChange: PropTypes.func.isRequired,
+
+    children: PropTypes.node.isRequired,
+  };
+
   static defaultProps = {
     pinned: false,
     position: "left",
diff --git a/client/components/Switcher.jsx b/client/components/Switcher.jsx
index f3ed7834..6b9c0227 100644
--- a/client/components/Switcher.jsx
+++ b/client/components/Switcher.jsx
@@ -1,8 +1,19 @@
+import PropTypes from "prop-types";
 import PureComponent from "../lib/PureComponent.jsx";
 import * as styles from "./Switcher.css";
 import SwitcherItem from "./SwitcherItem.jsx";
+import { SwitcherItemType } from "./types.js";
 
 export default class Switcher extends PureComponent {
+  static propTypes = {
+    label: PropTypes.string.isRequired,
+
+    items: PropTypes.arrayOf(SwitcherItemType).isRequired,
+    activeItem: SwitcherItemType.isRequired,
+
+    onSwitch: PropTypes.func.isRequired,
+  };
+
   render() {
     const { label, items, activeItem, onSwitch } = this.props;
 
diff --git a/client/components/SwitcherItem.jsx b/client/components/SwitcherItem.jsx
index 8f32c704..80b70941 100644
--- a/client/components/SwitcherItem.jsx
+++ b/client/components/SwitcherItem.jsx
@@ -1,7 +1,17 @@
+import PropTypes from "prop-types";
 import PureComponent from "../lib/PureComponent.jsx";
 import Button from "./Button.jsx";
+import { SwitcherItemType } from "./types.js";
 
 export default class SwitcherItem extends PureComponent {
+  static propTypes = {
+    active: PropTypes.bool.isRequired,
+
+    item: SwitcherItemType.isRequired,
+
+    onClick: PropTypes.func.isRequired,
+  };
+
   render({ item, ...props }) {
     return (
       <Button {...props} onClick={this.handleClick}>
diff --git a/client/components/Tooltip.jsx b/client/components/Tooltip.jsx
index e8af8f81..119183f5 100644
--- a/client/components/Tooltip.jsx
+++ b/client/components/Tooltip.jsx
@@ -1,9 +1,16 @@
 import cls from "classnames";
 import { Component } from "preact";
 
+import PropTypes from "prop-types";
 import * as styles from "./Tooltip.css";
 
 export default class Tooltip extends Component {
+  static propTypes = {
+    visible: PropTypes.bool.isRequired,
+
+    children: PropTypes.node.isRequired,
+  };
+
   static marginX = 10;
 
   static marginY = 30;
@@ -32,6 +39,7 @@ export default class Tooltip extends Component {
 
   render() {
     const { children, visible } = this.props;
+
     const className = cls({
       [styles.container]: true,
       [styles.hidden]: !visible,
diff --git a/client/components/Treemap.jsx b/client/components/Treemap.jsx
index b448e36f..d70e2185 100644
--- a/client/components/Treemap.jsx
+++ b/client/components/Treemap.jsx
@@ -1,5 +1,7 @@
 import FoamTree from "@carrotsearch/foamtree";
 import { Component } from "preact";
+import PropTypes from "prop-types";
+import { SizeType, ViewerDataType } from "./types.js";
 
 function preventDefault(event) {
   event.preventDefault();
@@ -16,6 +18,19 @@ function hashCode(str) {
 }
 
 export default class Treemap extends Component {
+  static propTypes = {
+    classname: PropTypes.string,
+
+    data: ViewerDataType.isRequired,
+    highlightGroups: PropTypes.instanceOf(Set).isRequired,
+    weightProp: SizeType.isRequired,
+
+    onGroupHover: PropTypes.func,
+    onGroupSecondaryClick: PropTypes.func,
+    onMouseLeave: PropTypes.func,
+    onResize: PropTypes.func,
+  };
+
   constructor(props) {
     super(props);
     this.treemap = null;
diff --git a/client/components/types.js b/client/components/types.js
new file mode 100644
index 00000000..289f03f2
--- /dev/null
+++ b/client/components/types.js
@@ -0,0 +1,48 @@
+import PropTypes from "prop-types";
+
+export const GroupType = PropTypes.shape({
+  cid: PropTypes.number.isRequired,
+  label: PropTypes.string.isRequired,
+  path: PropTypes.string.isRequired,
+  // eslint-disable-next-line new-cap
+  groups: PropTypes.arrayOf((...args) => GroupType(...args)),
+  statSize: PropTypes.number.isRequired,
+  parsedSize: PropTypes.number.isRequired,
+  gzipSize: PropTypes.number,
+  brotliSize: PropTypes.number,
+  zstdSize: PropTypes.number,
+});
+
+export const ViewerDataItemType = PropTypes.shape({
+  cid: PropTypes.number.isRequired,
+  label: PropTypes.string.isRequired,
+  isAsset: PropTypes.bool,
+  statSize: PropTypes.number.isRequired,
+  parsedSize: PropTypes.number.isRequired,
+  gzipSize: PropTypes.number,
+  brotliSize: PropTypes.number,
+  zstdSize: PropTypes.number,
+  groups: PropTypes.arrayOf(GroupType).isRequired,
+  isInitialByEntrypoint: PropTypes.objectOf(PropTypes.bool),
+});
+
+export const ViewerDataType = PropTypes.arrayOf(ViewerDataItemType);
+
+export const ModuleType = PropTypes.shape({
+  cid: PropTypes.number.isRequired,
+  label: PropTypes.string.isRequired,
+  path: PropTypes.string,
+  statSize: PropTypes.number.isRequired,
+  parsedSize: PropTypes.number.isRequired,
+  gzipSize: PropTypes.number,
+  brotliSize: PropTypes.number,
+  zstdSize: PropTypes.number,
+  weight: PropTypes.number.isRequired,
+});
+
+export const SizeType = PropTypes.oneOf(["statSize", "parsedSize", "gzipSize"]);
+
+export const SwitcherItemType = PropTypes.shape({
+  label: PropTypes.string,
+  prop: SizeType,
+});
diff --git a/client/store.js b/client/store.js
index 3489d86f..01899544 100644
--- a/client/store.js
+++ b/client/store.js
@@ -1,4 +1,4 @@
-import { computed, makeObservable, observable } from "mobx";
+import { action, computed, makeObservable, observable } from "mobx";
 import localStorage from "./localStorage.js";
 import { isChunkParsed, walkModules } from "./utils.js";
 
@@ -51,6 +51,12 @@ export class Store {
       showConcatenatedModulesContent: observable,
       darkMode: observable,
 
+      toggleDarkMode: action,
+      setModules: action,
+      setSelectedChunks: action,
+      setSelectedSize: action,
+      setSearchQuery: action,
+
       hasParsedSizes: computed,
       activeSize: computed,
       visibleChunks: computed,
@@ -83,6 +89,10 @@ export class Store {
     return this.allChunks.some(isChunkParsed);
   }
 
+  setSelectedSize(selectedSize) {
+    this.selectedSize = selectedSize;
+  }
+
   get activeSize() {
     const activeSize = this.selectedSize || this.defaultSize;
 
@@ -93,6 +103,10 @@ export class Store {
     return activeSize;
   }
 
+  setSelectedChunks(chunks) {
+    this.selectedChunks = chunks;
+  }
+
   get visibleChunks() {
     const visibleChunks = this.allChunks.filter((chunk) =>
       this.selectedChunks.includes(chunk),
@@ -187,6 +201,10 @@ export class Store {
       .toSorted((c1, c2) => c1.modules.length - c2.modules.length);
   }
 
+  setSearchQuery(query) {
+    this.searchQuery = query;
+  }
+
   get foundModules() {
     return this.foundModulesByChunk.reduce(
       (arr, chunk) => [...arr, ...chunk.modules],
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 7917e272..70330c8c 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -39,7 +39,6 @@ export default defineConfig([
     extends: [configs["browser-recommended"]],
     rules: {
       // TODO fix me in future
-      "react/prop-types": "off",
       "react/no-deprecated": "off",
     },
   },
diff --git a/package-lock.json b/package-lock.json
index 4e737e94..2b9e61bb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -51,6 +51,7 @@
         "postcss-loader": "^8.2.0",
         "preact": "^10.5.13",
         "prettier": "^3.8.0",
+        "prop-types": "^15.8.1",
         "puppeteer": "^24.30.0",
         "style-loader": "^4.0.0",
         "terser-webpack-plugin": "^5.1.2",
@@ -20799,6 +20800,7 @@
       "integrity": "sha512-MfwFQ6SfwinsUVi0rNJm7rHZ31GyTcpVE5pgVA3hwFRb7COD4TzjUUwhGWKfO50+xdc2MQPuEBBJoqIMGt3JDw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@discoveryjs/json-ext": "^0.6.1",
         "@webpack-cli/configtest": "^3.0.1",
diff --git a/package.json b/package.json
index 30722d06..a2649ab4 100644
--- a/package.json
+++ b/package.json
@@ -90,12 +90,13 @@
     "postcss-loader": "^8.2.0",
     "preact": "^10.5.13",
     "prettier": "^3.8.0",
+    "prop-types": "^15.8.1",
     "puppeteer": "^24.30.0",
     "style-loader": "^4.0.0",
     "terser-webpack-plugin": "^5.1.2",
     "tinyglobby": "^0.2.15",
-    "webpack-4": "npm:webpack@^4",
     "webpack": "^5.105.2",
+    "webpack-4": "npm:webpack@^4",
     "webpack-cli": "^6.0.1",
     "webpack-dev-server": "^5.2.0"
   },
diff --git a/webpack.config.js b/webpack.config.js
index e230383e..0bc1b824 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -11,7 +11,9 @@ const needAnalyze = process.env.ANALYZE || false;
 module.exports = {
   mode: process.env.NODE_ENV || "production",
   context: __dirname,
-  entry: "./client/viewer.jsx",
+  entry: isDev
+    ? ["preact/debug", "./client/viewer.jsx"]
+    : "./client/viewer.jsx",
   output: {
     path: path.resolve(__dirname, "./public"),
     filename: "viewer.js",
@@ -112,15 +114,15 @@ module.exports = {
     ],
   },
   plugins: ((plugins) => {
-    if (!isDev) {
-      if (needAnalyze) {
-        plugins.push(
-          new BundleAnalyzePlugin({
-            generateStatsFile: true,
-          }),
-        );
-      }
+    if (needAnalyze) {
+      plugins.push(
+        new BundleAnalyzePlugin({
+          generateStatsFile: true,
+        }),
+      );
+    }
 
+    if (!isDev) {
       plugins.push(
         new webpack.DefinePlugin({
           process: JSON.stringify({