Snowpack

编程之家收集整理的这个编程导航主要介绍了Snowpack编程之家,现在分享给大家,也给大家做个参考。

Snowpack

Snowpack 介绍

Snowpack号称 无需打包工具(webpack,Parcel)便能将代码结果实时展现在浏览器中。SnowPack 是基于 ESM 的工具。想要通过一次安装来替换每次更改时候重建的构建步骤。ESM 现在可以在浏览器中使用了! 

在 ESM 出现之前,JavaScript 的模块化就有各式各样的规范,主要有 Commonjs,AMD,CMD,UMD 等规范,最为广泛的就是 Node.js 的 Commonjs,使用 module.exports 和 require 来导出导入模块,它是 npm 中的模块最主要提供的格式。由于浏览器并不直接支持这些模块,因此打包工具(webpack,Browserify,Parcel 等)出现了。

在开发过程中你是否遇到 webapp 总是需要等待才能看到结果,每次保存后电脑就非常疯狂。

webpack 之类的打包工具功能非常强大,他们引入配置,插件,依赖成本很低,任意创建一个 react 应用便将要安装 200M 的依赖包,并且需要写很多行的webpack配置。

ESM在浏览器中使用了大约5年的时间,现在在所有现代浏览器中都受支持(可追溯到2018年初)。使用ESM,不再需要打包工具。您可以在没有 webpack 的情况下构建一个现代化,高性能,可用于生产的Web应用程序!

你只需安装运行一次 snowpack 替换 webpack,Parcel等繁杂的打包工具,可以获得更快的开发环境,并减少工具复杂性。

环境支持

由于默认情况下,snowpack将npm依赖项安装为ES模块(ESM),那么 ES 模块的支持情况怎么样了呢?

不用担心,目前使用的90%的浏览器都支持 ESM 语法。自2018年初以来,所有现代浏览器(Firefox、Chrome、Edge、Safari)都支持ESM。

网站地址:https://www.snowpack.dev/

GitHub:https://github.com/pikapkg/snowpack

网站描述:实现直接在浏览器中运行npm软件包,不需要Webpack,Parcel或bundler

Snowpack官方网站

官方网站:https://www.snowpack.dev/

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

相关文章

jade,Jade 是一个高性能的模板引擎,以 JavaScript 的形式集...
curl.js,轻量级,快速,可扩展的模块加载
jspm-cli,基于SystemJS的Js包管理器
angular-cli,快速构建Angular2项目
lerna,一款多项目多模块的管理工具
duo.js,前端的下一代包管理器。