docs: `dependencies` vs `devDependencies`
This commit is contained in:
		
							parent
							
								
									5a9d817643
								
							
						
					
					
						commit
						a25e73558c
					
				
							
								
								
									
										33
									
								
								README.md
								
								
								
								
							
							
						
						
									
										33
									
								
								README.md
								
								
								
								
							| 
						 | 
					@ -52,14 +52,37 @@ npm create electron-vite
 | 
				
			||||||
└── src                       Renderer source code, your React application
 | 
					└── 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`
 | 
					🚨 e.g.
 | 
				
			||||||
- Put web packages in `devDependencies`
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
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.
 | 
					- First, you need to know if your dependencies are needed after the application is packaged.
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -52,15 +52,39 @@ npm create electron-vite
 | 
				
			||||||
└── src                       渲染进程源码、React代码
 | 
					└── src                       渲染进程源码、React代码
 | 
				
			||||||
```
 | 
					```
 | 
				
			||||||
 | 
					
 | 
				
			||||||
## 依赖放到 dependencies 还是 devDependencies
 | 
					## 🚨 依赖放到 dependencies 还是 devDependencies
 | 
				
			||||||
 | 
					
 | 
				
			||||||
最简单的方式
 | 
					**Node.js 包放到 `dependencies` 中**
 | 
				
			||||||
 | 
					
 | 
				
			||||||
- Node.js 包放到 `dependencies` 中
 | 
					🚨 e.g.
 | 
				
			||||||
- Web 包放到 in `devDependencies` 中
 | 
					
 | 
				
			||||||
 | 
					- `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)
 | 
					看看这 👉 [dependencies vs devDependencies](https://github.com/electron-vite/vite-plugin-electron-renderer#dependencies-vs-devdependencies)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<!--
 | 
					<!--
 | 
				
			||||||
  对待 **Electron-Main、Preload-Script** 时 vite 会以 lib 形式打包 commonjs 格式代码;
 | 
					  对待 **Electron-Main、Preload-Script** 时 vite 会以 lib 形式打包 commonjs 格式代码;
 | 
				
			||||||
如果碰 node 环境的包可以直接放到 dependencies 中,vite 会解析为 require('xxxx');
 | 
					如果碰 node 环境的包可以直接放到 dependencies 中,vite 会解析为 require('xxxx');
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue