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/
小编说
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。