From a25e73558cac9cdc40f1836bcf1a40f6839398c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8D=89=E9=9E=8B=E6=B2=A1=E5=8F=B7?= <308487730@qq.com>
Date: Tue, 28 Jun 2022 10:41:23 +0800
Subject: [PATCH] docs: `dependencies` vs `devDependencies`

---
 README.md       | 33 ++++++++++++++++++++++++++++-----
 README.zh-CN.md | 32 ++++++++++++++++++++++++++++----
 2 files changed, 56 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index f1fed31..f9451f3 100644
--- a/README.md
+++ b/README.md
@@ -52,14 +52,37 @@ npm create electron-vite
 └── src                       Renderer source code, your React application
 ```
 
-## `dependencies` vs `devDependencies`
+## 🚨 `dependencies` vs `devDependencies`
 
-The easiest way
+**Put Node.js packages in `dependencies`**
 
-- Put Node.js packages in `dependencies`
-- Put web packages in `devDependencies`
+🚨 e.g.
 
-see more 👉 [dependencies vs devDependencies](https://github.com/electron-vite/vite-plugin-electron-renderer#dependencies-vs-devdependencies)
+- `electron-store`
+- `sqlite3`
+- `serilaport`
+- `mongodb`
+- ...others Node.js packages
+
+**Put Web packages in `devDependencies`**
+
+🚨 e.g.
+
+- `react`
+- `react-dom`
+- `mobx`
+- `zustand`
+- `antd`
+- `axios`
+- ...others Web packages
+
+**TODO: ESM packages**
+
+- `node-fetch`
+- `execa`
+- ...others ESM packages
+
+See more 👉 [dependencies vs devDependencies](https://github.com/electron-vite/vite-plugin-electron-renderer#dependencies-vs-devdependencies)
 
 <!--
 - First, you need to know if your dependencies are needed after the application is packaged.
diff --git a/README.zh-CN.md b/README.zh-CN.md
index da9231b..10f938d 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -52,15 +52,39 @@ npm create electron-vite
 └── src                       渲染进程源码、React代码
 ```
 
-## 依赖放到 dependencies 还是 devDependencies
+## 🚨 依赖放到 dependencies 还是 devDependencies
 
-最简单的方式
+**Node.js 包放到 `dependencies` 中**
 
-- Node.js 包放到 `dependencies` 中
-- Web 包放到 in `devDependencies` 中
+🚨 e.g.
+
+- `electron-store`
+- `sqlite3`
+- `serilaport`
+- `mongodb`
+- ...others Node.js packages
+
+**Web 包放到 in `devDependencies` 中**
+
+🚨 e.g.
+
+- `react`
+- `react-dom`
+- `mobx`
+- `zustand`
+- `antd`
+- `axios`
+- ...others Web packages
+
+**TODO: ESM packages**
+
+- `node-fetch`
+- `execa`
+- ...others ESM packages
 
 看看这 👉 [dependencies vs devDependencies](https://github.com/electron-vite/vite-plugin-electron-renderer#dependencies-vs-devdependencies)
 
+
 <!--
 &emsp;&emsp;对待 **Electron-Main、Preload-Script** 时 vite 会以 lib 形式打包 commonjs 格式代码；
 如果碰 node 环境的包可以直接放到 dependencies 中，vite 会解析为 require('xxxx')；