- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端精读评论
153.精读《snowpack》
安装 yarn add --dev snowpack 通过 snowpack.config.json 文件配置，并能自动读取 babel.config.json 生效 babel 插件。 开发调试 调试 snowpack dev，编译 snowpack build，会自动以 src/index 作为应用入口进行编译。 编译 编译命令 snowpack build 默认方式与 snowpack dev 相同： 也可以指定以 webpack 作为构建器： // snowpack.config.json { // Optimize 前端开发离不开 node_modules，snowpack 通过 snowpack install 的方式支持了这一点。 snowpack install 这个命令已经被 snowpack dev 内置了，所以 snowpack install 仅用来理解原理。
77710编辑于 2022-03-14 - 来自专栏前端三元同学
Snowpack，新时代前端构建的先锋
今天给大家介绍一个非常厉害的前端构建工具——Snowpack。 时代先锋队——Pika Snowpack 的开发团队名为Pika，团队的技术紧跟时代的最前沿，在开发 Snowpack 这个新时代前端构建工具的同时，也率先提出了Skypack这种造福大众的针对 ESM 在真正介绍 Snowpack 之前，这些问题，必须得弄清楚。 而另一方面，Snowpack 并不排斥 Webpack，在生产环境构建阶段，Snowpack 本身也是提供了插件机制来集成其它的打包器，并且官方提供了开箱即用的插件 @snowpack/plugin-webpack ，逐步深入 Snowpack 的方方面面，让你一览新时代构建工具的风采。
72910发布于 2021-10-12 - 来自专栏秋风的笔记
《模块化系列》snowpack，提高10倍打包速度。
引言 前几天听一个朋友说到 snowpack, 便去去看了下这个包是干什么的，看了下官网，发现这个东西还是蛮有意思的。 snowpack 以 ES Modules 为主，如果对 ES Modules 不熟悉的朋友，请先查看我的上一篇文章。 为什么使用 snowpack ? 先以一个 react 项目为例 mkdir snowpack-demo cd snowpack-demo npm init -y 安装依赖 npm i @babel/cli @babel/core v=1.2.3'; 结尾 snowpack 优势 1.减少了打包的时间成本，只要一次 snowpack。修改源码能够实时反馈在浏览器上。2.代码可移植能力强，相当于纯写 JavaScript 语言。 2.太多依赖包会造成网络问题 以上例子：https://github.com/hua1995116/snowpack-demo 对于现阶段的 snowpack 来说还是太年轻，但是年轻总是充满希望和可能
1.7K20发布于 2020-10-27 - 来自专栏各类技术文章~
js打包时间缩短90%，bundleless生产环境实践总结
起源 结合snowpack实践 snowpack的Streaming Imports 性能比较 总结 附录snowpack和vite的对比 本文原文来自我的博客： github.com/fortheallli 二、结合snowpack实践 我们比较了snowpack和vite，最后选择采用了snowpack（选型的原因以及snowpack和vite的对比看最后附录），本章节讲讲如何结合snowpack 2.1 snowpack的基础用法 我们的中后台项目是react和typescript编写的，我们可以直接使用snowpack相应的模版： npx create-snowpack-app myproject ： snowpack.config.mjs ... 3.1 snowpack和skypack 在snowpack3.x在dev环境支持skypack： // snowpack.config.mjs export default { packageOptions
1.2K00编辑于 2021-11-28 - 来自专栏前端精读评论
精读《新一代前端构建工具对比》
精读 按照从底层到上层的封装粒度，以 esbuild、snowpack、vite、wmr 的顺序介绍。 snowpack snowpack 是一个相对轻量的 bundless 方案，之前也写过一篇 精读 snowpack，其实 bundless 就是利用浏览器支持的 ESM import 特性，利用浏览器进行模块间依赖加载 snowpack 是开箱即用的： // package.json "scripts": { "start": "snowpack dev", "build": "snowpack build" }, 我们还可以增加 snowpack.config.js 配置文件开启 remote 模式： // snowpack.config.js module.exports = { packageOptions 与 snowpack 不同的是，snowpack 生产打包的产物是独立的文件，而 vite 没有采用 esbuild 而是 rollup 打包，目的是为了打包为一个整体，并规避 esbuild 不稳定的风险
64420编辑于 2022-03-15 - 来自专栏前端专享
新一代构建工具的比较
(#snowpack)Snowpack积雪 image.png 积雪是由 Skypack 和 Pika 的创造者设计的一个建造工具。 "snowpack dev", "build": "snowpack build" }, 接下来，我们将创建一个配置文件: // Mac or Linux touch snowpack.config.js 但是如果我们像这样启动 Snowpack 开发服务器: ./node_modules/.bin/snowpack dev 我们的应用还能用！ Snowpack 支持图片并将其复制到生产文件夹中。与其非捆绑的理念一样，Snowpack 在捆绑中不包含图片作为数据 url。 然而，Snowpack 将 esbuild 作为一个依赖项，我们可以通过在 Snowpack 配置中添加一个“优化”对象来使 esbuild 捆绑、缩小和编译我们的代码: // snowpack.config.js
3.2K20发布于 2021-11-15 - 来自专栏前端技术江湖
前端三大构建工具横评，谁是性能之王！
Snowpack 什么是Snowpack？ 首次提出利用浏览器原生ESM能力的工具并非是Vite，而是一个叫做Snowpack的工具。 前身是@pika/web，从1.x版本开始更名为Snowpack。 Snowpack在其官网是这样进行自我介绍的：“Snowpack是一种闪电般快速的前端构建工具，专为现代Web设计。 在开发过程中，Snowpack为你的应用程序提供unbundled server。每个文件只需要构建一次，就可以永久缓存。文件更改时，Snowpack会重新构建该单个文件。 再了解一下发明Snowpack的团队Pika，Pika团队有一个宏伟的使命：让Web应用提速90%： image.png 为此，Pika团队开发并维护了两个技术体系：构建相关的Snowpack和造福大众的 在Vite官方文档列举了Vite与Snowpack的异同，其实本质是说明Vite相较于Snowpack的优势。
1.5K20发布于 2021-03-26 - 来自专栏全栈前端精选
三大前端构建工具横评，谁是性能之王！
Snowpack 什么是Snowpack？ 首次提出利用浏览器原生ESM能力的工具并非是Vite，而是一个叫做Snowpack的工具。 前身是@pika/web，从1.x版本开始更名为Snowpack。 Snowpack在其官网是这样进行自我介绍的：“Snowpack是一种闪电般快速的前端构建工具，专为现代Web设计。 在开发过程中，Snowpack为你的应用程序提供unbundled server。每个文件只需要构建一次，就可以永久缓存。文件更改时，Snowpack会重新构建该单个文件。 再了解一下发明Snowpack的团队Pika，Pika团队有一个宏伟的使命：让Web应用提速90%： image.png 为此，Pika团队开发并维护了两个技术体系：构建相关的Snowpack和造福大众的 在Vite官方文档列举了Vite与Snowpack的异同，其实本质是说明Vite相较于Snowpack的优势。
2.6K41发布于 2021-03-26 - 来自专栏开源地带
Vite如何成为JavaScript的"联合国"
2020 年底，Svelte 团队在开发新框架 SvelteKit 时，面临一个选择：用 Snowpack 还是 Vite？当时 Snowpack 更成熟，Vite 还只是个“玩具”。 于是 Rich Harris(Svelte 的创始人）公开宣布：我们选 Snowpack!。Rich 全力支持这个技术。他甚至做了公开声明：我们要用 Snowpack。 于是他们非常“抱歉”地跟 Snowpack 团队说：“我们得跟你们分手了。” 技术世界没有永远的站队。 Snowpack 团队这时候做了一个很漂亮的决定： ❝我们本可以埋头继续做一个更好的 Snowpack，也许战斗还能再持续一阵子。但如果打不过，为什么不加入呢？ Snowpack 团队没有死磕到底，而是把精力投入到更有意义的事情上。结果是双赢：Vite 获得了更多贡献者，Astro 成为了一个成功的框架。
10510编辑于 2026-01-22 - 来自专栏程序员成长指北
从 Bundleless 看前端构建
Snowpack 原理 这一部分在 Snowpack 的文档上有一定的讲解。 整体来说，Snowpack 尽可能利用了现有前端生态的工具，对三方包打包来压缩依赖链，对业务代码走无构建路线，以此提供 Bundleless 体系下的开发体验。 值得一提的是，Snowpack 的构建速度很快，这得益于内置打包工具 esbuild 的发展。 ? img Snowpack vs Webpack 我们不妨将其与 Webpack 进行一个对比。 ? img 启动时间，如上文所说，Webpack 会完整打包整个项目，因此随着项目体积的增长，启动时间也会越发漫长；而 Snowpack 主要是启动本地的服务，对于 Snowpack 来说，尽管初次启动时会分析三方依赖 不过，尽管生产环境优化可以做 Tree-shaking，但是业务代码本身，Snowpack 并不会做处理（只是以 ESM 来对待），即使使用 Snowpack 生态的 Webpack 插件来做生产环境的构建也是如此
69210发布于 2021-07-08 - 来自专栏前端印象
近 20k Star 的项目说不做就不做了，但总结的内容值得借鉴
最近在社区看到一个让人惊讶的消息，近20k Star的构建工具库 Snowpack的作者 Fred K.Schott （文中简称Fred）表示已经没有精力去维护snowpack了，其使用量和下载量都开始呈现下降的趋势 翻译：讲真的，我不确定Snowpack之后会怎么样。去年年底，维护snowpack劳累过度，现在已经没有精力去维护了。Snowpack的使用量和下载量开始呈下降趋势，社区也已经变得平静。 Snowpack算是比较优秀的bundleless实现方案之一了！ 回到正题！一起来了解、学习一下Fred做Snowpack开源库的经验总结吧！ Snowpack新特性之前，与用户们进行交流讨论。 Fred后来才知道，Svelte团队在使用Snowpack时，经常会遇到问题，但Fred收到他们的反馈时已经为时已晚了，因为他们已经放弃使用Snowpack了。
65210编辑于 2021-12-31 - 来自专栏程序员成长指北
JavaScript 新一代构建工具对比
如果你需要更多，那么你可能想看看下一个工具，基于esbuild的Snowpack。 Snowpack Snowpack 是由 Skypack 和 Pika 的创造者开发的一款构建工具。 // Mac or Linux touch snowpack.config.js // Windows new-item snowpack.config.js 我认为 Snowpack 最神奇的地方在于在配置文件中设置一个看似无害的键值对 但如果我们像这样启动 Snowpack 开发者服务器。 ./node_modules/.bin/snowpack dev 我们的应用程序还能用。 然后，Snowpack 将它放在一个 ./snowpack/pkg URL中。 用法 这离基于 Node/npm 的工作流还有很大的差距。 Snowpack 支持图片，并将其复制到生产文件夹中。为了配合它的非打包理念，Snowpack不将图像作为数据URL纳入捆绑中。
2.5K10编辑于 2022-04-18 - 来自专栏WflynnWeb
尤雨溪-vite多久后能干掉webpack？
Vite 跟 Snowpack 的关系 时常能看到有人说是 Snowpack 先搞出 no-bundle 开发的，甚至有人暗示 Vite 是抄了 Snowpack，这里也说说明白。 Snowpack 的前身叫 pika-web，1.x 改名叫 Snowpack。 同时期的 Snowpack 还在 1.7.x（Commits · snowpackjs/snowpack），不仅没有服务端的按需编译，也没有热更新。 Vite 中确实有一块借鉴了 Snowpack 1.x，就是把依赖预打包从而让 cjs 的依赖也能在原生 ESM 下被使用。 顺道一提，Snowpack 团队现在新做的静态生成框架 Astro，本来基于 Snowpack，现在已经转投 Vite 了（Snowpack 基本弃坑确定）。
2K20编辑于 2022-10-28 - 来自专栏前端博客
新一代构建工具(1)：对比rollup/parcel/esbuild—esbuild脱颖而出
首次提出利用浏览器原生ESM能力的工具并非是Vite，而是一个叫做Snowpack的工具。前身是@pika/web，从1.x版本开始更名为Snowpack。 在开发过程中，Snowpack为你的应用程序提供unbundled server。每个文件只需要构建一次，就可以永久缓存。文件更改时，Snowpack会重新构建该单个文件。 Snowpack 拥有美观的官方文件包含搭配其他框架的设定说明和专案样版。一些教学还处于编写中，已完成的像React 教学 就非常清楚。另外Snowpack 似乎以Svelete 为第一优先。 不想增加封装档的复杂度， Snowpack 是不错的选择。 第二，我认为Snowpack 是一个不错的esbuild 强化版。如果您想使用esbuild 又想要好用的开发伺服器和专案样版，那么选Snowpack 不会错。
3.2K20编辑于 2022-06-25 - 来自专栏前端三元同学
Bundleless，前端工程构建的未来
这一部分在 Snowpack 的文档上有一定的讲解。 整体来说，Snowpack 尽可能利用了现有前端生态的工具，对三方包打包来压缩依赖链，对业务代码走无构建路线，以此提供 Bundleless 体系下的开发体验。 值得一提的是，Snowpack 的构建速度很快，这得益于内置打包工具 esbuild 的发展。 ? 我们不妨将其与 Webpack 进行一个对比。 ? 启动时间，如上文所说，Webpack 会完整打包整个项目，因此随着项目体积的增长，启动时间也会越发漫长；而 Snowpack 主要是启动本地的服务，对于 Snowpack 来说，尽管初次启动时会分析三方依赖 不过，尽管生产环境优化可以做 Tree-shaking，但是业务代码本身，Snowpack 并不会做处理（只是以 ESM 来对待），即使使用 Snowpack 生态的 Webpack 插件来做生产环境的构建也是如此
81620发布于 2021-07-06 - 来自专栏Tecvan
[调研报告] 新一代前端构建工具汇总
Snowpack Snowpack 主打的是 Unbundle，极速的开发体验，在生产环境也同样能依赖 Rollup 打包出产物。 WASM (.wasm) 插件系统 Snowpack 的插件系统也是利用 snowpack 运行的生命周期中提供的 hooks。且这套是沿袭了 Rollup 的那套插件系统。 与 snowpack 类似，他开发阶段采用 unbundle 模式，并且使用 esbuild 做依赖预构建（snowpack 是用的 rollup），生产阶段利用 rollup 做构建。 至于跟 snowpack 的区别和优劣，官网也有介绍，这里就不赘述了。 https://cn.vitejs.dev/guide/comparisons.html#snowpack 但毋庸置疑的是，Vite 比 snowpack 更成熟，未来发展趋势也更好，Vite 目前可以稳定用于生产环境的
1.3K30编辑于 2022-05-18 - 来自专栏GEE数据专栏，GEE学习专栏，GEE错误集等专栏
NASA数据集——1980 年至 2020 年北美 3km分辨率气温（摄氏度）、相对湿度（%）、风速（米/秒）、风向（真北偏角）、总降水量（雨+雪）等数据集
SnowModel 包括 MicroMet、Enbal、SnowDunes、SnowAssin、SnowPack 和 SnowTran-3D 等处理模块。数据以 NetCDF 格式提供。 Description air_temperature tair degrees C Air temperature bulk_thermal_resistance bthr K W-1 Bulk snowpack depth rain_precipitation rpre m Precipitation from rain relative_humidity relh % Relative humidity snowpack_base_runoff SnowModel 处理模块包括 MicroMet、Enbal、SnowPack、SnowTran-3D、SnowAssim、SnowPack 和 SnowDunes： MicroMet（微气象分布模型 SnowPack（多层积雪模型）--雪深和水当量演变（Liston 和 Mernild，2012 年）。
35800编辑于 2024-05-24 - 来自专栏Super 前端
前端新的构建范式
两个方向： 构建产出 ESModule 模块 直接将 npm 仓库上的包转化成支持 ESModule 的版本（ESM 包的分发） 构建出 ESModule 模块 典型的示例：Snowpack、Vite Snowpack 是首次提出利用浏览器原生 ESM 能力的工具。 开发过程中，Snowpack 为你的应用程序提供 unbundled server。每个文件只需要构建一次，就可以永久缓存。文件更改时，Snowpack 会重新构建该单个文件。
97620发布于 2021-09-30 - 来自专栏Super 前端
前端新的构建范式
两个方向： 构建产出 ESModule 模块 直接将 npm 仓库上的包转化成支持 ESModule 的版本（ESM 包的分发） 构建出 ESModule 模块 典型的示例：Snowpack、Vite Snowpack 是首次提出利用浏览器原生 ESM 能力的工具。 开发过程中，Snowpack 为你的应用程序提供 unbundled server。每个文件只需要构建一次，就可以永久缓存。文件更改时，Snowpack 会重新构建该单个文件。
78020编辑于 2021-12-30 - 来自专栏前端三元同学
种子轮融资 700 w，Astro 的正式发布给前端界带来了什么？
Schott，没错，就是那个开发 Snowpack 的老哥，可以说是 Unbundle 构建工具的祖师爷： 但无奈的是 Vite 发展势头实在太猛，而 Snowpack 渐渐日薄西山，他本人也写了文章发出下面的感慨 : 文章链接: https://dev.to/fredkschott/5-more-things-i-learned-building-snowpack-to-20-000-stars-5dc9 大意就是 Snowpack 前途渺茫，用户越来越少，感觉要做到头了啦，而 Vite 发展的非常好，那后面开发的 Astro 就基于 Vite 来做吧。 现在连 Snowpack 的官网都表示弃坑了，主动给 Vite 引流: 当然，除了 Snowpack，Fred K.
1.6K10编辑于 2022-11-11
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号