docs: 🚨 ESM packages

This commit is contained in:
younglei 2022-07-02 22:17:47 +08:00
parent bc6438e4c8
commit 825df2bbb9

View File

@ -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']),
],
}
```