搭建静态web服务器
前言
关于Vite
- Vite 是一个面向现代浏览器的一个更轻、更快的 web 应用开发工具
- 它基于 ECMAScript 标准原生魔抗系统实现、
核心功能
- 静态 Web 服务器
- 编译单文件组件
- 拦截浏览器不能识别的模块,并处理
- HMR
模拟实现 静态 Web 服务器
我们首先要实现一个可以开启静态 Web 服务器的命令行工具,Vite 内部中使用的是 koa 来开启静态 web 服务器,这里我们也是用 koa 来进行实现
初始化
npm init // -- 初始化包
在初始化完毕项目之后
npm i koa
安装完毕后,我们还需要安装静态文件中间件
npm i koa-send
完成后,结果如下
1. 起步: 导入模块和实例化
#!/usr/bin/env node
// 配置运行node的位置
// 导入所需的koa模块
const Koa = require('koa')
const send = require(&