【来实现一个简单的 Vite 吧】第一章 - 搭建静态web服务器

最新推荐文章于 2024-05-21 16:56:47 发布

AIGC小陈

最新推荐文章于 2024-05-21 16:56:47 发布

阅读量429

点赞数

文章标签：前端服务器 node.js

本文链接：https://blog.csdn.net/weixin_53312997/article/details/124746217

版权

本文介绍了如何使用 Node.js 和 Koa 模块搭建一个简单的静态 Web 服务器，模拟 Vite 的核心功能。从初始化项目到安装依赖，再到创建中间件处理静态页面，文章详细讲解了每个步骤，并通过测试确保服务器正常工作。最后，针对浏览器无法识别的模块路径问题，提出了借鉴 Vite 的解决方案。

摘要由CSDN通过智能技术生成

搭建静态web服务器

关于Vite

我们首先要实现一个可以开启静态 Web 服务器的命令行工具，Vite 内部中使用的是 koa 来开启静态 web 服务器，这里我们也是用 koa 来进行实现

npm init // -- 初始化包

在初始化完毕项目之后

npm i koa

安装完毕后，我们还需要安装静态文件中间件

npm i koa-send

完成后，结果如下

#!/usr/bin/env node
// 配置运行node的位置

// 导入所需的koa模块
const Koa = require('koa')
const send = require(&

关注