Svelte 3

Svelte

Svelte是一个组件框架，类似于react或vue。它区别于传统框架的声明式，避免浏览器使用虚拟DOM等技术将声明式结构转化为DOM操作的额外消耗，增加垃圾收集器负担和消耗框架预算等。

什么是Svelte？

Svelte 是由 Rich Harris 创建的 JavaScript UI 库。 Rich 认为 virtual DOM 带来了额外开销，并提出了 Svelte，现在它正处于第三版的状态。

但是你为什么要学习Svelte？而不是 React 或 Vue？嗯，它有一些有趣的卖点：

• Svelte是编译器，而不是像 React 或 Vue 这样的依赖项
• Svelte 似乎需要更少的代码，用 React 开发同样的功能代码量大约会多 40％ （来源：Rich Harris）
• Svelte 没有 virtual DOM，它会被编译成最小的 “vanilla” JavaScript，并且看起来比其他库性能更好

介绍性博客文章
官方网站
Git地址
Svelte preprocessor for less

设置项目

npx degit sveltejs/template my-svelte-project
cd my-svelte-project

npm install
npm run dev

这将在my-svelte-project目录中创建一个新项目，安装其依赖项，并在http://localhost:5000/上启动服务器。

项目简介

项目就绪后，先来看看里面都有些什么。使用文本编辑器打开项目。你会看到一堆文件：

• App.svelte：程序的根组件
• rollup.config.js：Rollup 的配置，即 Svelte 选择的模块捆绑器

Svelte 3 快速开发指南(对比React与vue)