Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >新兴前端开发工具

新兴前端开发工具

作者头像
杜逸先
发布于 2023-07-09 03:07:52
发布于 2023-07-09 03:07:52
4230
举报

我在最近的前端项目中用到了 vite 与 swc 作为构建工具和 JavaScript 编译器,二者都比较年轻,但提供更优秀的前端开发体验。当下前端生态的新选手层出不穷,本文就简单介绍一下最近几年前端生态涌现的诸多新兴的技术与工具。

Javascript 运行时

Deno

Deno是一个使用 rust 开发,基于 V8 引擎的简单、现代、安全的 Javascript 和 TypeScript 运行时。

我在 2021 年的时候写过一篇文章介绍deno。最近两年 Deno 的发展比较迅速,引入了一些新的 API 与能力,提高了稳定性以及与 Node.js 的兼容性。

顺便提一下Deno Deploy平台,可以方便地部署 Deno 项目为 severless 应用。

Bun

Bun是一个使用 zig 语言开发的基于 JavaScriptCore 引擎的全功能 JavaScript 和 TypeScript 工具集。

JavaScript 编译器与打包器

SWC

SWC是一个可扩展的基于 Rust 的下一代快速 Web 开发工具,同时支持 JavaScript 的编译与打包。Deno 和 Next.js 都使用了 SWC 作为编译器。

esbuild

esbuild是一个极快的 web 打包工具,使用 go 语言编写。

bun bundler

bun 对 JavaScript 模块的打包有原生的支持(官方的 benchmark 中比 esbuild 要快很多)。

Node.js 版本管理工具

volta

volta是一个使用 Rust 开发的新兴的 Node.js 版本管理工具。我目前正在使用 volta 管理 Node.js 版本,可以简单地根据项目切换 Node.js(包括 npm 与 yarn)的版本,安装不同版本的 Node.js 也很快。

fnm

fnm是一个快速、简单的 Node.js 版本管理工具,使用 Rust 开发。

Node.js 包管理工具

yarn v2

yarn v2做了很多改进,比如使用 Plug’n’Play 模式进行依赖项解析,提高性能与可靠性;支持零安装模式;对 monorepo 的支持更好等。

pnpm

pnpm是一个快速、节省空间的包管理器

构建工具

parcel

parcel是一个快速、零配置的 Web 应用程序打包工具,支持 JavaScript、TypeScript、CSS、HTML、JSON 等文件的打包。parcel 2.0 版本使用了 swc 作为编译器,速度快了很多。

vite

vite是一个新兴的前端构建工具,在开发时使用 HMR 技术实现秒级的热更新,编译时使用 esbuild 和 Rollup 进行编译与打包,速度非常快。vite 也是 vue3 的官方构建工具。

tuborpack

tuborpack是一个使用 rust 开发的针对 JavaScript 和 TypeScript 优化的渐进式打包工具,由 Webpack 的原作者开发。

前端框架(React.js 生态)

next.js

next.js是一个 React 框架,提供了 SSR、SSG、CSR 等多种渲染模式,同时提供了很多优秀的功能,比如图片优化、代码分割、预取、预加载、路由、静态资源优化等。

Remix

Remix是一个全栈 web 框架,支持 SSR 与 CSR。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-07-012,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
rust 正在全面入侵前端
过年期间我没怎么发文章,但是我也没闲着。在这个空闲时间,把 rust 基础以及个别生态技术方案扎扎实实的,系统的学习了一下。学习他的初衷是因为 rust 可以支持鸿蒙应用的原生级别的开发,为进阶资深级别的鸿蒙开发者做技术储备。
用户6901603
2024/03/11
3980
rust 正在全面入侵前端
前端框架新格局:从过去一年的演进看未来趋势
Web 开发领域始终在不断演进,过去一年也不例外。我们知道,你忙于迭代和发布新功能,难以时刻关注行业的所有动态。
深度学习与Python
2025/03/10
2990
前端框架新格局:从过去一年的演进看未来趋势
2022 年 JavaScript 开发工具的生态
本文将自底向上地从「编译器」、「打包器」、「包管理器」、「第三方库开发」、「Web 应用开发」这几个方面来盘点 2022 年 JavaScript 开发工具的生态。
Leecason
2022/07/13
7550
2022 年 JavaScript 开发工具的生态
2022 前端技术领域这些新变化,你准备好了吗?
Concerns with TypeScript 4.5's Node 12+ ESM Support #46452[6]
苏南
2022/03/14
1.2K0
前端又开撕了:用Rust写的Turbopack,比Vite快10倍?
10 月 26 日,Vercel 公司正式宣布推出新的打包工具 Turbopack。Vercel 声称这是 Webpack 的继任者,用 Rust 编写,在大型应用中,展示出了 10 倍于 Vite、700 倍于 Webpack 的速度。对此,Vite 的维护者提出了质疑。
深度学习与Python
2022/11/28
1.1K0
前端又开撕了:用Rust写的Turbopack,比Vite快10倍?
Bun:不仅是新的JavaScript运行时,并且重塑了JavaScript工具链
从2022年 Bun 的 Beta 版本发布,就早已爆火,仅一个月内,就在 GitHub 上获得了超过两万颗 Star,成为年度最火的前端项目。在今年的 9 月 8 号,由 Jarred Sumner 开发的 Bun v1.0 正式发布。本文会重点介绍 Bun 的特性和性能的测试,并且分析 Bun 为什么这么快。
windseeker
2023/10/23
4.9K0
Bun:不仅是新的JavaScript运行时,并且重塑了JavaScript工具链
这些前端新技术你很难再忽视了 —— Bun
所以 Bun 关注 3 件事:1. 迅速启动;2. 从底层提高性能水平;3. 提供丰富且完整的工具链
掘金安东尼
2022/08/22
2.7K0
这些前端新技术你很难再忽视了 —— Bun
Vue.js 首次屈居第二,JavaScript 2020 年度“新起之秀”都有谁?谁是第一呢?
不平凡的 2020 年体现在了方方面面,就连 JavaScript 的年度“新秀”也出现了 5 年来首次的变化,这次都有哪些项目上榜呢?
前端达人
2021/01/29
2.3K0
Vue.js 首次屈居第二,JavaScript 2020 年度“新起之秀”都有谁?谁是第一呢?
特立独行?尤雨溪领衔,Vue 团队开源 Rust 打包工具
Rolldown 是一款用 Rust 重新编写的 Rollup 替代品。而 Rollup 使用的是 javaScript。
深度学习与Python
2024/03/18
3200
特立独行?尤雨溪领衔,Vue 团队开源 Rust 打包工具
前端构建系统浅析
开发者编写JavaScript代码,而浏览器运行JavaScript代码。从根本上说,前端开发不需要构建步骤。那么,为什么现代前端需要构建步骤呢?
chuckQu
2024/07/31
2650
前端构建系统浅析
前端打包工具Esbuild--模块化、ESM、esbuild-loader、
模块化编程在前端领域已非常普遍,应用程序中将各种功能细分成独立的模块(单独文件)进行开发。module bundler 将所有文件串联起来变成了必须。
奋飛
2021/08/31
4.1K0
前端打包工具Esbuild--模块化、ESM、esbuild-loader、
[调研报告] 新一代前端构建工具汇总
说起前端构建,大家一定首先想到 Webpack,确实它是前端构建的老大哥了,大而全,什么场景都能满足,社区生态爆炸。但是社区里也有许多其他优秀的构建工具,他们或许不如 Webpack 那样“包治百病”,但他们都有一些独特的优势,如果在一些特定的场景你觉得使用 Webpack 太臃肿了,那你或许可以考虑下面的一些工具。
Tecvan
2022/05/18
1.1K0
[调研报告] 新一代前端构建工具汇总
Rust 会成为 JavaScript 基础设施的未来吗?
Rust 最初由 Mozilla 创建,是一种快速、可靠、内存效率高且非常流行的编程语言,专为提高性能和安全性而设计。它连续 6 年被 Stack Overflow 调查评为最喜爱的编程语言,并在超大规模的公司使用,如 Facebook,苹果,亚马逊,微软和谷歌等用于系统基础设施、加密和虚拟化。Rust 现在正在取代 JavaScript Web 生态系统的部分内容,例如压缩 (Terser)、转译 (Babel)、格式化 (Prettier)、打包 (webpack)、linting (ESLint) 等等。让我们深入探讨一下为什么这种趋势越来越受欢迎和被广泛采用。
MikeLoveRust
2022/03/27
1.4K0
新一代构建工具(1):对比rollup/parcel/esbuild—esbuild脱颖而出
字节前端是如何基于 ESBuild 的做现代化打包设计? https://mp.weixin.qq.com/s/bS_qwiOIMqFN1sfuPKTUbA
周陆军博客
2022/06/25
2.8K0
前端构建这十年
前端模块化/构建工具从最开始的基于浏览器运行时加载的 RequireJs/Sea.js 到将所有资源组装依赖打包 webpack/rollup/parcel的bundle类模块化构建工具,再到现在的bundleless基于浏览器原生 ES 模块的 snowpack/vite,前端的模块化/构建工具发展到现在已经快 10 年了。
IT大咖说
2021/09/08
1.1K0
前端构建这十年
卷?能有搞开源打包工具的大佬们卷?
该版本最大的更新是:替换底层所用的JS编译器,从Babel替换为SWC,使整体编译速度较之前快了10x倍。
公众号@魔术师卡颂
2021/07/07
8150
ViteConf 2022回顾:Vite是如何诞生的?
ViteConf 2022 于 10 月 11 - 12 日举行。Vue 和 Vite 的作者尤雨溪发表了名为《How Vite Came to Be》的主题演讲。下面就来回顾一下这场演讲,看看 Vite 是如何诞生的!
若川
2022/11/11
7120
ViteConf 2022回顾:Vite是如何诞生的?
Re:Tech FE Weekly Vol.001
本文作者在学习了Google Code Review 指南的基础上;总结了长期做CodeReview的好处:提声代码质量、提前发现问题、经验和知识的传递;CodeReview的关注点:功能性、复杂性、代码风格、文档&注释、代码亮点;还指出了CodeReview应该及时;以及注意的礼节,reviewer写得好的地方也应该点赞;
用户6256742
2024/05/18
1080
前端号外—2022年最受欢迎居然是它,Node.js危已
导读 | 2022年是艰难的一年,不仅有互联网的寒冬、还有新冠疫情的洗礼。但是似乎这一切都阻挡不了JavaScript的内卷,一年不长不短的时间中,JavaScript从创新、性能、功能等多维度深度进化,给前端带来了诸多惊喜。本文基于github上流行的JavaScript框架的Star情况进行整理,从9个方面阐述了过去2022年中最受欢迎的项目,再细化不同生态或方向上的最受欢迎的项目情况。想更深入了解JavaScript的发展动态?想了解全面的JS发展方向?想知道Vue或React生态最流行的框架?想知道前端有那些创意十足的项目?想寻找前端学习方向?读完本文,相信你一定会有收获。
非喵鱼
2023/01/13
1.1K0
前端号外—2022年最受欢迎居然是它,Node.js危已
【Bun1.0】使用 Bun.js 构建快速、可靠和安全的 JavaScript 应用程序
Bun 是一个现代的JavaScript运行环境,如Node, Deno。主要特性如下: 启动速度快。更高的性能。完整的工具(打包器、转码器、包管理)。
微芒不朽
2023/09/20
9671
【Bun1.0】使用 Bun.js 构建快速、可靠和安全的 JavaScript 应用程序
推荐阅读
相关推荐
rust 正在全面入侵前端
更多 >
LV.2
杭州美登科技股份有限公司资深研发工程师
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档