0%

快速搭建基于snowpack的svelte项目

前言

Svelte

Svelte是一个令我非常惊喜的前端框架,他的作者是Rollup作者Rich Harris。和React,Vue等框架不同,它基本仅是个编译器,基本没有运行期,它没有使用vdom,所以它自称速度非常的快,效率特别好。

Snowpack

Snowpack是一个速度非常快的前端应用的构建工具。和以往的webpack,rollup等打包构建工具的最大区别就是他的构建速度,其原因就是因为他去掉了打包阶段。

上一个官网上描述snowpack原理的图。

搭建工程前准备

仅需要node和能上网。

开始搭建

我们直接使用snowpack预先建好的模板工程。

先下载Snowpack的源码到本地。

解压,然后进入create-snowpack-app目录中,可以看到有好多的template文件夹。

image-20210221190638382

拷贝任何一个想运行的框架文件夹,这里咱们选择app-template-svelte-typescript这个。放到任意的本地位置。

用命令行工具运行

1
npm install

再运行

1
npm run start

控制台会显示

1
2
3
4
5
6
7
8
9
10
11
12
snowpack

http://localhost:8080 • http://192.168.31.89:8080
Server started in 32ms.

▼ @snowpack/plugin-typescript

下午7:17:37 - Starting compilation in watch mode...


下午7:17:41 - Found 0 errors. Watching for file changes.

并且会自动弹出浏览器页面

image-20210221191844012

这样就代表搭建成功了。

欢迎关注我的其它发布渠道