当前位置:首页 > 技术分析 > 正文内容

VITE的基于RUST的新JAVASCRIPT打包器BETA版可用

ruisui883个月前 (02-03)技术分析13

在其他开发者新闻方面,Flutter 和 React Native 在采用率调查中不相上下,而 Nue 成为一个基于标准的 Web 框架。

译自 Vite’s New Rust-Based JavaScript Bundler Available in Beta,作者 Loraine Lawson; Lawrence E Hecht。

Rolldown,一个用 Rust 编写的 JavaScript 打包器,由 void(0) 公司创建——该公司也负责 Vite——现已推出 Beta 版。Rolldown 团队在介绍这款打包器时表示,这款新的打包器提供了与 Rollup 兼容的 API 和插件接口,但在范围上更类似于 esbuild。

其目标是用一个统一的构建工具替换 Vite 中当前使用的 esbuild 和 Rollup Vite。因为它是用 Rust 编写的,所以它的性能与 esbuild 相当,并且比 Rollup 快 10 到 30 倍。

“它的 WASM 构建也比 esbuild 的构建速度快得多(因为 Go 的 WASM 编译效率不高)”,团队补充道。

团队写道,尽管它是为 Vite 设计的,但 Rolldown 可以用作独立的通用打包器。

根据 Rolldown 介绍页面,它可以在大多数情况下作为 Rollup 的直接替代品,也可以在需要更好的代码块控制时用作 esbuild 的替代品。

如果您想了解更多信息,JavaScript YouTuber Theo Browne 也对 Rolldown 进行了深入探讨。

React Native 与 Flutter:使用率不相上下

尽管 Flutter 在一小部分移动开发者中占据主导地位,但React Native 在更广泛使用跨平台移动框架的开发者群体中胜过 Flutter。

根据 TNS 对最新 Stack Overflow 调查的分析,工作重点是移动开发的开发者使用 Flutter 的可能性是使用 React Native 的两倍(41% 对 20%)。移动开发者仅占调查的 3%。在所有专业开发者中,Flutter 略微领先(9% 对 8%)。

许多 Web 首选开发者使用 JavaScript,但只有 37% 的专业雇佣移动开发者定期使用 JavaScript。然而,在 JavaScript 用户中,React Native 略微领先于 Flutter(14% 对 13%)。

最新的 JetBrains 调查发现,30% 的开发者将应用程序部署到移动平台,但只有 54% 的这部分开发者实际使用了跨平台移动框架。在这部分开发者中,39% 使用 React Native,38% 使用 Flutter。

根据 JetBrains 的研究,在北欧和美国等移动优先开发不太常见的地区,React Native 的采用率超过了 Flutter。

Nue Web 框架转向“标准优先”

前端/UX 开发者 Teri Piirainen,Web 框架 Nue 的创建者,对 JavaScript 及其在现代 Web 开发中的地位有很多话要说。

“我们已经将简单的任务需要大量 JavaScript 的想法视为常态,”Piirainen 在 Nue JS 文档中写道。“基本的样式需要数千个实用程序类。设计更改意味着更新无数组件。虽然这种方法最初看起来可能很有效率,但它会产生难以改变且随着时间的推移越来越难以维护的僵化系统。”

正如您可能想象的那样,Nue 试图纠正这种情况。它是一个极小的 (2.3kb minzipped) 用于构建用户界面的 JavaScript 库。

虽然 Nue 已经开发了一段时间,但本月,Piirainen 宣布 它现在将成为一个“标准优先”的 Web 框架。“

重点一直是去除人工层,帮助开发者将现代 HTML、CSS 和 JavaScript 提升到极致,”Piirainen 写道。他补充说,这一转变将使他能够专注于两个问题:

  1. 他认为是复杂性常态化的前端工程问题。“最初是 HTML、CSS 和 JavaScript 的东西已经发展成为复杂的构建编排,即使对于一个简单的页面也需要数百个依赖项,”他解释道。
  2. 设计工程问题,即 Web 设计应该重新关注设计而不是 JavaScript。“首先,JavaScript 工程师已经控制了讨论,”他写道。“你上次看到工程师讨论 Perfect Fifth 排版比例的优点或 Dieter Rams 系统方法背后的原则是什么时候?”

但他写道“标准优先”是什么意思呢?

“浏览器在过去十年中发展显著,”他写道。“通过遵循而不是对抗标准,我们能够用更少的代码创建更好的产品。”

这也意味着将语义化HTML作为一切的基础,并优先考虑内容。

“内容存在于简洁易访问的文件中——而不是JavaScript中,”他补充道。

他还强调了使用现代、系统化CSS的设计系统。他认为,其结果是更快的工具、更简洁的代码和更快的页面。

“最快的页面加载只需要一个请求。没有框架初始化,没有累积布局偏移,也没有等待JavaScript,”他写道。“当内容和样式一起到达时,页面就会立即显示。”

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/839.html

标签: vite.js
分享给朋友:

“VITE的基于RUST的新JAVASCRIPT打包器BETA版可用” 的相关文章

Vue3 中有哪些值得深究的知识点?

众所周知,前端技术一直更新很快,这不 vue3 也问世这么久了,今天就来给大家分享下vue3中值得注意的知识点。喜欢的话建议收藏,点个关注!1、createAppvue2 和 vue3 在创建实例时,有很大的区别,具体对比如下://Vue 2 Vue.use({ router, store,...

java调用API操作GitLab

最近需要在一个WEB项目中集成GitLab,用到了GitLab的API操作,在网上找了很久都是说直接调用GitLab的Http接口,而且API官方只有javadoc没有其它说明文档,特别记录下,以备查询。这里采用Token的认证方式,因此需要先登陆GitLab新建一个Token,创建方式如下:创建完...

Excel中的FILTER函数详细介绍及使用示例

在Excel中处理大量数据时,经常需要根据特定条件筛选出符合条件的数据行或列。这正是Excel的FILTER函数发挥作用的地方。FILTER函数是Excel中一个非常强大的工具,它可以基于一个或多个条件动态地过滤数据,使数据分析和报告制作变得更加高效和准确。本文将详细介绍FILTER函数的用法,并提...

在vue项目中封装WebSockets请求

在Vue项目中封装WebSocket请求包括以下步骤:1. 安装WebSocket库:首先,导入WebSocket库,例如`vue-native-websocket`或`socket.io-client`。根据项目需求选择适当的库,并根据官方文档进行安装和配置。2. 创建WebSocket服务:在V...

vue 异步更新那点事儿 #web前端

异步更新那点事儿。wue & vueuse官方团队成员。看一下群友投稿的问题。什么问题?就是它这边有一个组件,这个组件里面有个userID,然后这个userID通过props传给了子组件,子组件是userinfo,它里面是用来渲染用户信息的。渲染用户信息的同时,userinfo这个组件又暴露...

uni-app开发微信小程序和h5应用

#头条创作挑战赛#本文同步本人掘金平台的文章:https://juejin.cn/post/6986465633114259469最近,有个需求需要开发H5应用和微信小程序。如果针对不同的平台开发自己的一套代码,那将是一件很糟糕的事情:如果下次需要兼容支付宝小程序、快应用,那工作量随着平台的添加而...