From 817498e2d9498133aeee15a1e6a22b7039a74bc3 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: Mon, 4 Jul 2022 09:17:05 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=F0=9F=9A=A8=20ESM=20packages?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md       | 41 ++++++++++++++++++-----------------------
 README.zh-CN.md | 40 +++++++++++++++++-----------------------
 2 files changed, 35 insertions(+), 46 deletions(-)

diff --git a/README.md b/README.md
index 173101c..2d7d923 100644
--- a/README.md
+++ b/README.md
@@ -56,35 +56,30 @@ npm create electron-vite
 
 **Put Node.js packages in `dependencies`**
 
-🚨 e.g.
-
-- `electron-store`
-- `sqlite3`
-- `serilaport`
-- `mongodb`
-- ...others Node.js packages
+**e.g.** `electron-store` `sqlite3` `serilaport` `mongodb` ...others
 
 **Put Web packages in `devDependencies`**
 
-🚨 e.g.
-
-- `react`
-- `react-dom`
-- `react-router`
-- `mobx`
-- `zustand`
-- `antd`
-- `axios`
-- ...others Web packages
-
-**TODO: ESM packages**
-
-- `node-fetch`
-- `execa`
-- ...others ESM packages
+**e.g.** `react` `react-dom` `react-router` `mobx` `zustand` `antd` `axios` ...others
 
 See more 👉 [dependencies vs devDependencies](https://github.com/electron-vite/vite-plugin-electron-renderer#dependencies-vs-devdependencies)
 
+## 🚨 ESM packages
+
+**e.g.** `node-fetch` `execa` `got` ...others
+
+1. `npm i vite-plugin-esmodule -D`
+2. Configure in vite.config.ts
+
+```ts
+import esmodule from 'vite-plugin-esmodule'
+export default {
+  plugins: [
+    esmodule(['got', 'execa', 'node-fetch']),
+  ],
+}
+```
+
 <!--
 - 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 9c8d681..64b4c6e 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -56,35 +56,29 @@ npm create electron-vite
 
 **Node.js 包放到 `dependencies` 中**
 
-🚨 e.g.
-
-- `electron-store`
-- `sqlite3`
-- `serilaport`
-- `mongodb`
-- ...others Node.js packages
+**e.g.** `electron-store` `sqlite3` `serilaport` `mongodb` ...others
 
 **Web 包放到 in `devDependencies` 中**
 
-🚨 e.g.
-
-- `react`
-- `react-dom`
-- `react-router`
-- `mobx`
-- `zustand`
-- `antd`
-- `axios`
-- ...others Web packages
-
-**TODO: ESM packages**
-
-- `node-fetch`
-- `execa`
-- ...others ESM packages
+**e.g.** `react` `react-dom` `react-router` `mobx` `zustand` `antd` `axios` ...others
 
 看看这 👉 [dependencies vs devDependencies](https://github.com/electron-vite/vite-plugin-electron-renderer#dependencies-vs-devdependencies)
 
+## 🚨 ESM packages
+
+**e.g.** `node-fetch` `execa` `got` ...others
+
+1. `npm i vite-plugin-esmodule -D`
+2. Configure in vite.config.ts
+
+```ts
+import esmodule from 'vite-plugin-esmodule'
+export default {
+  plugins: [
+    esmodule(['got', 'execa', 'node-fetch']),
+  ],
+}
+```
 
 <!--
 &emsp;&emsp;对待 **Electron-Main、Preload-Script** 时 vite 会以 lib 形式打包 commonjs 格式代码；