createServer vite
时间: 2023-12-23 22:40:30 浏览: 25
createServer是Vite框架中的一个方法,用于创建一个viteDevServer实例。在执行npm run dev命令时,会调用cli.js文件中的createServer方法,传递vite.config.js或cli命令上的自定义配置,然后创建一个viteDevServer实例。createServer的流程包括以下几个步骤:
1. 创建httpServer和webSocketServer,用于后续构建服务器。
2. 创建watcher,用于监听文件模块和依赖的变化。
3. 创建moduleGraph,用于记录每个模块之间的关系。
4. 创建container,用于处理插件。
5. 处理模块中的hook。
6. 返回一个完整的server对象。
createServer方法依赖于websocketServer、fsWatcher、moduleGraph等5个模块来支持其功能。通过这些模块的协作,根据15个中间件的分工来串联整个加工流程,最终打磨出一个完整的devServer。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* *3* [10 分钟搞懂 Vite devServer,速来围观](https://blog.csdn.net/qq_41581588/article/details/129178050)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vite createServer 探索](https://blog.csdn.net/qq_42501092/article/details/125535006)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]