快速搭建基于snowpack的svelte项目

前言

Svelte

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

Snowpack

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

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

搭建工程前准备

仅需要node和能上网。

开始搭建

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

先下载Snowpack的源码到本地。

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

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

用命令行工具运行

npm install

再运行

npm run start

控制台会显示

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.

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

这样就代表搭建成功了。