视野修炼-技术周刊第28期

欢迎来到第 28 期的【视界修炼 – 技能周刊】，下面是本期的精选内容简介。

强烈引荐

1. 字节自研构建东西 Rspack 发布
2. Deno: 你或许不需要build过程

开源&东西

3. Node.js Toolbox
4. hel-micro – 模块联邦sdk化微模块计划
5. 2个 gpt 网页皮

文章&资讯

6. 为什么turborepo要从Go迁移到Rust
7. 运用云函数一分钟搭建 OpenAI 免翻墙署理
8. 成长故事｜一名事务前端的这8年

​也引荐我们重视一下最后的引荐内容（周刊的首要内容来源渠道）

下面开端本期内容的介绍，估计阅读时刻 9 分钟。

强烈引荐

1. 字节自研构建东西 Rspack 发布

发布后就刷屏了朋友圈，logo是一只可爱的小螃蟹（如下图）

不过笔者更喜爱上面的表情包Hh

上手简略体会了一下，build 确实很快

pnpm create rspack@latest

devServer 部分应该是基于webpack-dev-server做了封装定制

看到日志风格感觉久别了，似乎回到了初学webpack时,生配各种loa 感觉比较合适由框架封装一层后运用，比方官配的 Modern.js

期望不是KPI项目（Rust赶忙学起来xdm）

2. Deno: 你或许不需要build过程

这篇文章是 Deno（一个JavaScript运行时） 官方博客最近输出的

1. 在很早之前页面只需要 html + script标签 引入一些js即可作业
2. node出来之后，答应开发人员用js编写后端，所以只需要掌握js就能够构建完好的运用

下面是列举的一个构建东西诞生时刻线

到今日还要加个 Rspack，相信未来还会诞生，

构建东西大约做4件事：编译，紧缩，打包，代码拆分

你运用 Deno 和 fresh 的话能够没有build

笔者看来，目前前端工程有很重的前史包袱也就是技能债，一些东西的呈现首要就是处理巨石运用构建的问题

想要从根本上处理（彻底重构）比较难

开源&东西

3. Node.js Toolbox

网站分类整理了Nodejs生态流行的东西包

例如：HTTP Clients 分类

![](https://im

g.cdn.sugarat.top/mdImg/MTY3ODUyOTM3MzUxMA==6

4. hel-micro – 模块联邦sdk化微模块计划

上个demo看一下

import { preFetchLib } from 'hel-micro';
async function ran(seed) {
  const mod = await preFetchLib('hel-lodash'); // 首次加载触发模块下载，之后会从hel-micro缓存获取
  const num = mod.myUtils.num.random(500);
  return num;
}

体感上像 import(remoteSource)

5. 2个 gpt 网页皮

近端时刻各式各样的套壳GPT 运用出来了，这里共享2个本周 Star 的皮肤

Chanzhaoyu/chatgpt-web

light-gpt

可自行fork 然后配上自己的API Keys 运行

文章&资讯

6. 为什么turborepo要从Go迁移到Rust

turborepo 是一个适用于 JavaScript 和 TypeScript 的高性能构建体系

准备将项目之前 Go 实现的部分逐步迁移到 Rust

文章论述了一下迁移原因，大约以下几点：

• 最初选 Go 是因为 esbuild (懂的都懂)
• Go 的优势在于数据中心的网络计算
• Go 许多过错在运行时才能捕获，其它言语能够在编译时捕获
  • 比方文件权限：Go能够设置类unix风格的文件权限代码，但win上不会有效果，rust 能够在编译win平台时就做到抛出过错
• Rust 不断壮大的生态体系
• 针对C、C++的扩展支撑，Rust能够更简略

7. 运用云函数一分钟搭建 OpenAI 免翻墙署理

看了一下原理也简略：

云函数支撑多地区，选一个非大陆的地区部署一个云函数，单纯担任API转发即可

下面是中心代码

const express = require('express')
const {
  createProxyMiddleware
} = require('http-proxy-middleware');
const app = express()
const port = 9000
app.use('/', createProxyMiddleware({
  target: 'https://api.openai.com',
  changeOrigin: true,
  onProxyRes: function (proxyRes, req, res) {
    proxyRes.headers['Access-Control-Allow-Origin'] = '*';
  }
}));
app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`)
})

8. 成长故事｜一名事务前端的这8年

本文是一个事务前端对怎么支撑好事务，以及在这过程中怎么取得个人成长的总结。一些心路历程的变化或许不是在某个瞬间，而是在实践过程中潜移默化形成的。

笔者大约扫了一下，在大厂的同学能够套一下自己的角色进去，估计职业路径大差不差

---

篇幅有限，如果你还没看够，可移步后边的引荐渠道，持续旅游，前史周刊（<20）移步博客

⭐️强力引荐重视

• 阮一峰: 科技爱好者周刊 – 记录每周值得共享的科技内容，周五发布
• 云谦：MDH 前端周刊 – 前端资讯和共享
• 童欧巴：前端食堂 – 你的前端食堂，吃好每一顿饭
• rottenpen：FE News – 共享前端，日子
• 常识星球：咲奈的平行时空 – 前端前沿技能、资讯、方法论共享