From 825df2bbb91d38caa2a6c011c10d350c6af30b72 Mon Sep 17 00:00:00 2001
From: younglei <youngleish@gmail.com>
Date: Sat, 2 Jul 2022 22:17:47 +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 ++++++++++++++++++-----------------------
 1 file changed, 18 insertions(+), 23 deletions(-)

diff --git a/README.md b/README.md
index f36480e..04d94d5 100644
--- a/README.md
+++ b/README.md
@@ -50,31 +50,26 @@ 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.
-
-- `vue`
-- `vue-router`
-- `vuex`
-- `pinia`
-- `element-plus`
-- `ant-design-vue`
-- `axios`
-- ...others Web packages
-
-**TODO: ESM packages**
-
-- `node-fetch`
-- `execa`
-- ...others ESM packages
+**e.g.** `vue` `vue-router` `vuex` `pinia` `element-plus` `ant-design-vue` `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']),
+  ],
+}
+```