fite

fite

fite是一种不算新型前端构建工具，能够显著提升前端开发体验。基于原生ESM模块运行。 fite的理念是, 让第三方依赖全部走CDN, fite只处理业务代码本身, 从而让编译和构建的速度达到今人发指的地步。比vite快十几倍。

注 本框架和用法 都是在 Linux 或者 Mac 下面测试通过。至于使用 Windows 并坚持玩新技术的同学，我坚信他们一定有着过人的、 甚至是不可告人的兼容性 bug 处理能力，所以这部分同学麻烦在安装过程无法继续时，自行兼容一下

特点

• 一切皆CDN, 即除了自己的业务代码, 其他的依赖皆直接引用CDN地址, 所以, 无论是开发速度还是编译速度, 都是毫秒级完成。
• All in ESM, 所以浏览器需要比较新, 理论上最低 chrome v63, 建议 v95+。
• 可轻松支持多页面应用(万级数量无压力)。
• 支持直接用 .vue 单文件组件。

你需要知道的几个事情

• 因为没有打包, 所以所有的文件引用都是按源代码的结构, 对于源码的保护比较弱(虽然打包也没约等于没保护, 因为前端没秘密)。
• 因为是用的是原生的ESM,所以引用的依赖/文件, 需要完整的路径, 可以省略后缀名, 但不能省略index.js/index.vue。
• 因为没有内置完整的样式处理,支持scoped、:deep(), 但不支持:global()。
• 单文件组件中的样式, 如果是用scss, 不支持引用其他文件, 也不支持设置共用定义文件。
• 样式预处理器, 只支持scss, 不支持less。

适用场景

• 开源小项目, 如 一些在线演示的小项目, 需要快速开发, 快速发布的。
• 多页应用, 数量庞大的, 可以做到秒编译打包。
• 不需要兼容老旧浏览器的项目, 毕竟需要完整支持ESM
• electron应用, 能很好控制浏览器内核版, 并且electron的打包, 可以把代码打成asar, 对源码有一定的保护作用
• 多页应用(MPA), 页面较多(好几百个, 甚至更多)。

使用

# 实例化新项目
npm create fite-app@latest