svelte 构建快速web 应用的工具

时间:2021-02-28 18:24:53

svelte 和angular vue reat 类似,都是方便快速的创建用户界面,最大不同的地方是svelte
转换你的app 是在构建时,而不是运行时,所以好处就是不用花费太多的操作在,框架的
抽象上
以下为一个简单的例子,代码来自官方文档:

注意使用了svelte 的template

安装degit

npm install -g degit

基于模板创建项目

degit sveltejs/template  dalongdemo

效果

degit sveltejs/template dalongdemo
> cloned sveltejs/template#master to dalongdemo

运行

cd dalongdemo
npm install
npm run dev

效果

svelte 构建快速web 应用的工具
svelte 构建快速web 应用的工具

代码说明

代码主要是通过svelte 的rollup 插件进行构建,同时使用了几个方便的npm 工具sirv-cli(提供静态 web服务),npm-run-all(运行npm scripts)

说明

svelte 在我们进行web 应该开发的时候也是一种可选的工具,同时官方文档也很详细,使用简单,同时也支持服务器端
渲染,以及应用的状态管理,内置的模板语言也是听方便的。

参考资料

https://svelte.technology/guide
https://github.com/sveltejs/template
https://github.com/Rich-Harris/degit
https://github.com/rongfengliang/svelte-demo-project