更新readme

pull/1/head
yutent 2023-03-01 12:19:21 +08:00
parent cf9ab05890
commit a156bf13f7
1 changed files with 9 additions and 5 deletions

View File

@ -1,5 +1,10 @@
## vue-live
> vue的live开发环境, 指在提供一个不需要编译打包的开发环境和生产环境。
## fite
> `fite`是一种不算新型前端构建工具,能够显著提升前端开发体验。基于`原生ESM模块`运行。
> `fite`的理念是, 让第三方依赖全部走CDN, fite只处理业务代码本身, 从而让编译和构建的速度达到今人发指的地步。比`vite`快十几倍。
[![fite](https://badgen.net/npm/v/fite)](https://www.npmjs.com/package/fite)
**注**
@ -10,7 +15,6 @@
### 特点
- 一切皆CDN, 即除了自己的业务代码, 其他的依赖皆直接引用CDN地址, 所以, 无论是开发速度还是编译速度, 都是毫秒级完成。
- 无需`vite、webpack、rollup`等任何打包工具, 一切都像传统jq开发一样, 但是却拥有着类似vite的开发体验。
- `All in ESM`, 所以浏览器需要比较新, 理论上最低 chrome v63, 建议 v95+。
- 可轻松支持`多页面应用`(万级数量无压力)。
- 支持直接用 `.vue 单文件组件`
@ -19,7 +23,7 @@
### 你需要知道的几个事情
- 因为没有打包, 所以所有的文件引用都是按源代码的结构, 对于源码的保护比较弱(虽然打包也没约等于没保护, 因为前端没秘密)。
- 因为是用的是原生的`ESM`,所以引用的**依赖/文件**, 需要完整的路径, 不得省略后缀名, 更不能省略`index.js/index.vue`。
- 因为是用的是原生的`ESM`,所以引用的**依赖/文件**, 需要完整的路径, 可以省略后缀名, 但不能省略`index.js/index.vue`。
- 因为没有内置完整的样式处理, 所以`scoped特性`虽然支持, 但vue中的 `>>>、:deep、v-deep`等功能不可用。
- `单文件组件`中的样式, 如果是用scss, 不支持引用其他文件, 也不支持设置共用定义文件。
- 样式预处理器, 只支持scss, 不支持less。
@ -38,5 +42,5 @@
```bash
# 实例化新项目
npm create vue-live@latest
npm create fite-app@latest
```