好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

Snowpack

S Now pack 介绍

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

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

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

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

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

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

环境 支持

由于 默 认情况下,s Now pack将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/

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

查看更多关于Snowpack的详细内容...

  阅读:34次

上一篇

下一篇

第1节:curl.js    第2节:jade    第3节:jspm-cli    第4节:angular-cli    第5节:lerna    第6节:duo.js    第7节:swc    第8节:WebJars    第9节:fetch    第10节:babel-plugin-preval    第11节:browserify    第12节:Lebab    第13节:bundle-buddy    第14节:esprima    第15节:FIS3    第16节:prerender-loader    第17节:Parcel    第18节:lit-html    第19节:Neutrino    第20节:walle    第21节:webpack    第22节:pug    第23节:bower    第24节:Snowpack    第25节:template.js    第26节:Forge    第27节:stylis.js    第28节:Liquid    第29节:npx    第30节:jss    第31节:component    第32节:faster.js    第33节:Juicer    第34节:Jiko    第35节:laytpl    第36节:CoffeeScript    第37节:ghcjs    第38节:critters    第39节:vue-loader    第40节:swig    第41节:Workerize    第42节:Bit    第43节:Acorn    第44节:hyperHTML    第45节:ESL    第46节:script.js    第47节:yarn    第48节:MobX    第49节:Vulcan    第50节:vue-cli    第51节:WeFlow    第52节:qiankun乾坤    第53节:elf    第54节:create-react-app    第55节:CNPM    第56节:codelyzer    第57节:electron-webpack    第58节:dot-dom    第59节:prerender    第60节:assemblyscript    第61节:jarvis    第62节:Rollup    第63节:webpack-dashboard    第64节:worker-plugin    第65节:webpack-encore    第66节:HEAD    第67节:poi    第68节:dawn    第69节:mustache.js    第70节:shipit    第71节:Flow    第72节:teletype    第73节:Dust.js    第74节:Athena    第75节:npm    第76节:Koala    第77节:webpackmonitor    第78节:ndm    第79节:size-plugin    第80节:seajs    第81节:prepack-webpack-plugin    第82节:webpack-simple-starter    第83节:Verdaccio    第84节:doT.js    第85节:bonsai    第86节:arttemplate    第87节:UiBot RPA    第88节:EJS    第89节:mern-starter    第90节:v8.dev    第91节:renovate    第92节:happypack    第93节:gulp    第94节:grunt    第95节:microbundle    第96节:handlebars.js    第97节:micro    第98节:tink    第99节:min-cli    第100节:Snibox    第101节:Codekit    第102节:WebAssembly    第103节:webpack-bundle-analyzer    第104节:htm    第105节:yeoman    第106节:Broccoli.js    第107节:jetpack    第108节:ied    第109节:Ender    第110节:Nunjucks    第111节:splittable    第112节:closure-compiler    第113节:react-boilerplate    第114节:SystemJS    第115节:electron-webpack-dashboard    第116节:fuse-box    第117节:jsvu    第118节:tmt-workflow    第119节:Cooking    第120节:hogan.js