egg和vite

目录

Egg

egg简介

egg的特点

安装egg

Vite

vite简介

优点

缺点

安装vite

---

Egg

egg简介

Egg.js 为企业级框架和应用而生。基于Koa开发封装，性能优异，内置多进程管理，具有高扩展性，且提供了基于Egg定制上层框架的能力，帮助开发团队降低了开发维护成本。

egg的特点

• 提供基于 Egg 定制上层框架的能力
• 高度可扩展的插件机制
• 内置多进程管理
• 基于 Koa 开发，性能优异
• 框架稳定，测试覆盖率高
• 渐进式开发

安装egg

npm init egg --type=simple //初始化并下载egg

npm i //下载依赖包

npm run dev //启动项目

open http://localhost:7001 //启动项目后打开网址访问

npm i --save egg-mysql //安装mysql数据库

Vite

vite简介

Vite（法语意为 "快速的"，发音 /vit/，发音同 "veet"）是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：

1. 一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。
2. 一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。

Vite 意在提供开箱即用的配置，同时它的 插件 API 和 JavaScript API 带来了高度的可扩展性，并有完整的类型支持。

优点

1. 极速的服务启动，使用原生 ESM 文件，无需打包。
2. 轻量快速的热重载，无论应用程序大小如何，都始终极快的模块热重载（HMR）
3. 丰富的功能，对 TypeScript、JSX、CSS 等支持开箱即用。
4. 优化的构建，可选 “多页应用” 或 “库” 模式的预配置 Rollup 构建
5. 通用的插件，在开发和构建之间共享 Rollup-superset 插件接口。
6. 完全类型化的API，灵活的 API 和完整 TypeScript 类型。

缺点

1. 生态不及webpack，加载器、插件不够丰富
2. 打包到生产环境时，vite使用传统的 rollup（也可以自己手动安装webpack来）进行打包
3. 项目的开发浏览器要支持 ES Module，而且不能识别 CommonJS 语法

安装vite

npm init //项目初始化

cnpm i vite --save-dev //安装vite

cnpm i sass --save-dev //安装sass，安装以后sass文件不再需要转化成css文件引用

npm run dev //启动项目