hardfist
@hardfist_1
Followers
2,033
Following
772
Media
41
Statuses
1,671
Developer @ByteDanceTalk , Project lead for @rspack_dev , Opinions are my own
People's Republic of China
Joined November 2016
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
برشلونة
• 777516 Tweets
BRICS
• 559224 Tweets
Eminem
• 333784 Tweets
John Kelly
• 249100 Tweets
Atlantic
• 240891 Tweets
Trump is Hitler
• 196813 Tweets
Barcelona
• 153275 Tweets
Bayern
• 142626 Tweets
Pegasus
• 138141 Tweets
#tusaş
• 126872 Tweets
#BlackOps6
• 86760 Tweets
Peñarol
• 62748 Tweets
Hopkins
• 52625 Tweets
#6GoldenYearsWithATEEZ
• 48103 Tweets
#편도행_해적선_6년째_순항중
• 46850 Tweets
Desperation
• 43918 Tweets
Şehitlerimize Allah'tan
• 42105 Tweets
Botafogo
• 36454 Tweets
Raphinha
• 28384 Tweets
Rio de Janeiro
• 24508 Tweets
Recreio
• 19246 Tweets
Varela
• 18775 Tweets
Fallout
• 18540 Tweets
Hatch Act
• 17364 Tweets
Brest
• 16776 Tweets
INBA
• 15082 Tweets
Leverkusen
• 14206 Tweets
Atalanta
• 11553 Tweets
Fermin
• 10726 Tweets
一天，大师在办公室看到一个实习生在跟TypeScript较劲——他试图不断添加any来让tsc编译成功。
大师叫住实习生：“你这样是很不专业的，你必须要理解编译失败的深层次原因”。
说罢，大师熟练地进行各种类型体操，端详许久。最后在n个地方添加了 as any。
tsc果然编译成功了。
一天，大师在办公室看到一个实习生在跟k8s较劲——他试图不断重设replicas数量来让服务部署成功。
大师叫住实习生：“你这样是很不专业的，你必须要理解Pod调度失败的深层次原因”。
说罢，大师熟练地运行kubectl describe，端详许久。最后kubectl edit重新设置了replicas。
Pod果然部署成功了。
17
28
310
5
15
186
前端四大配置浪漫，monorepo 怎么配，webpack 怎么配，package exports 怎么配, tsconfig 怎么配
14
10
132
I want to write a little book about bundler plugin design, anyone interested 😃?
16
6
109
见识到了那么多monorepo的滥用，都违背了monorepo的一个最基本的初衷，
重要的不是单一仓库，重要的是单一版本
monorepo最大的收益是来自单一版本的衍生收益，而非单一仓库的衍生收益，
只进行了单一仓库而不进行单一版本控制的monorepo都是假monorepo
8
9
82
I regret filing this issue which may cause corepack removed 😂
7
5
75
not sure anyone will like it, I may try use this to polish Rspack's Rust API
1
8
48
补充另一个视角，愿意把项目的缺点正大光明在文档里说出来这点是很多项目都做不到，这点很值得学习
React 的新版官方文档太棒了，把许多坑都直接列了出来，并用心地附上了例子解释这样为什么错，会导致什么样的问题，非常直观。我一直觉得掌握一个东西最有效的方法就是先 break it，知道它为什么坏，就能了解当前的设计到底是在解决什么问题。
文档里让我收获最大的是关于 Effect
27
91
649
4
2
40
After solving the webpack-virtual-modules compatibility problem, I finally made nuxt.js run on Rspack.
2
3
36
With the help of
@ScriptedAlchemy
, My GitHub Sponsors profile is finally live! You can sponsor me to support my open source work 💖
2
8
36
Analyzing Rspack performance bottlenecks revealed stark differences between large real complexand small simple projects. Small projects often bottleneck on Rust tools, while real-world large projects typically bottleneck on JS tools (like Less, Sass, Tailwind、custom plugin). 🤣
2
4
30
this is the oldest link I can find about __esModule, which I can't believe is 10 years old 😃
it takes 10 years and still a mess
0
8
29
Is there an article about how esm&cjs interop should work in detail in bundler.
I know the but want to know more
4
2
29
@yagiznizipli
i started to hate this whole ecosystem because of things like this，there is no lower limit for what some people can do
0
0
28
Typescript configuration becomes complex than webpack configuration for me 😀
4
1
26
This project is very interesting and "rspackify" is my favorite word now! ❤️
1
4
25
These feedbacks are so encouraging
The best part of my work is reading these encouraging migration articles 🥰
0
0
4
0
1
25
Parcel documentation explains lots of bundler concept very well，give it a read even if you dont use it.
1
2
24
This is game changer which will make type checking in
@rspack_dev
project much faster
TypeScript 5.5 RC is now out to try! We're looking for feedback on inferred type predicates, JSDoc imports, regex checking, ${configDir}, isolatedDeclarations, build optimizations, and more!
7
113
534
0
3
24
please write a tool to auto generate this for library author，too many rules to consider
Let’s look at each piece of this to go over what it does, why it is (or more often *isn’t*) needed, and why I can tell this package.json is misconfigured just from this small snippet. 🧵
27
153
1K
7
2
23
want to take a long holiday away from this whole toxic ecosystem. tools should be used to help each other than attacking each other.
2
0
22
What are your most frequently used loaders and plugins in webpack ecosystem?
17
6
21
0
0
20
💖 I'm sponsoring swc-project because its fundamental to rust frontend tools and
@kdy1dev
doing great job.
1
1
20
💖 I'm sponsoring napi-rs because…
@rspack_dev
is impossible without
@napi_rs
, great work by
@Brooooook_lyn
and the team!
1
2
20
That is why we all bet on
@rspack_dev
to unify compiler in bytedance,it is the only solution meets all our needs for different scenarios and scales from small apps to really huge apps.
@PatrickJS__
@QwikDev
@rspack_dev
@webpack
@mhevery
Yep! Tons of use cases for big orgs to have everyone on the same compiler. It’s one of the only ways to guarantee architectural conformance and governance. The compilation is the most critical part of the software supply chain.
2
0
5
1
3
19
Surprisingly it is the persistent cache, fast prebundle of esbuild and the lazy compilation brought by esm that make Vite perform quickly, while the bundleless brought by esm actually slows down Vite. lazy compilation, persistent cache and fast bundle are the key, not bundleless.
@rspack_dev
I really really wanted bundleless to work. Such an attractively simple solution!
We built
@nextjs
Live in part to test out this hypothesis. Everything was “browser native”, from ESM to the the runtime (WinterCG).
Then we tested it with Vercel’s homepage. 30s+ load times.
6
7
124
0
5
18
feeling very depressed，dont want to work on developer tools anymore
1
1
19
esm is too buggy to use right now at least in node.js 😭
6
1
18
ESM is so hard and even react made mistake
thankfully we don't need to redo all the hard work and just follow webpack's behavior 🤣
I nearly learn something new about ESM every month.
3
2
18
That is so cute,favorite one so far
We have just finished the logo design for Rslib, a wizard who is skilled in building libraries 🪄
7
26
164
2
0
17
@sapphi_red
upgrade rspack to latest version and see the result, rspack do watch debounce(just like webpack) so it's slow in benchmark before.
4
6
17
💖 I'm sponsoring
@swc_rs
because…
@rspack_dev
is impossible without
@swc_rs
, great work by
@kdy1dev
and the team!
0
0
17
别人说好才是好 🥰
1
0
16
The root cause is Typescript lacks single file compilation unit model(Rust seems have same problem), which limits lots of optimization, isolatedDeclarations may solve this problem so bundlers | compilers can actually do some optimization cross module boundary.
1
5
12
I'm wondering whether bundler & compiler should keep following Node.js new features like `module-sync`, It seems tools should be runtime agnostic, so why should we keep following Node.js specific new behavior other than Deno's or Bun's. I hope JS0 can solve these things 😅.
4
1
15
The abstraction of Nuxt.js on different bundlers( vite & webpack) is really great. So I only need to modify
@nuxt
/webpack-builder code and don't need to care too much about how Nuxt.js plugin works 😂
After solving the webpack-virtual-modules compatibility problem, I finally made nuxt.js run on Rspack.
2
3
36
2
3
15
@sebastienlorber
@rspack_dev
kind of yes, and we actually migrate one project to rsc on rspack internally
1
2
15
The more I learn webpack, The more I admire it's outstanding design, even the source code is so hard to read.
1
0
15
0
3
14
Great job! Another bundler supports bundle splitting
📢 Parcel v2.12.0 brings support for macros, a new web-based REPL, improved CSS bundling, and manual code splitting!
Macros are JS/TS functions that run at build time instead of being bundled. They can generate constants, code, and even assets (eg css)!
9
42
296
0
1
14
webpack's treeshaking is much complex than other tools, especially reexport optimization😂
1
2
14
my new wishlist is next.js on Rspack
2
1
13
As tools and frameworks become increasingly complex and hard to debug, the next competitive focus for frameworks and tools may be devtools or called self-diagnostic capabilities.
2
2
13
after hours debugging a project with tons of circular dependencies, I found out a *bug* of rspack is actually user's code bug, and webpack's treeshaking remove the buggy code so it runs successfully but rspack doesn't remove the buggy code so it failed. negatives make a positive
webpack's treeshaking is much complex than other tools, especially reexport optimization😂
1
2
14
3
1
13
the sideEffect field should be renamed as “you can safely remove me from connection if no one use the exported variable from the module”
@devongovett
@Rich_Harris
sideEffects:false does nothing _within_ modules. It's okay for passing through a barrel file, but the second that barrel file contains a side effect you're into "configure bundler to make packages not suck" territory
2
1
3
0
5
13
That's another reason you shouldn't ship ts sourcefile in library.
1
0
13
you can play with it here 🥰
After solving the webpack-virtual-modules compatibility problem, I finally made nuxt.js run on Rspack.
2
3
36
0
3
13
a big step towards webpack compatible
A bunch of awesome new features out today for Rspack v0.3.4
🍿 internal plugins support like DefinePlugin
❤️ compatible with html-webpack-plugin !
🚀 builtin:swc-loader supports builtin transformation like emotion
0
9
52
1
3
12
每天一个nodejs冷知识，
当你的node-modules里的模块名和node内置模块重名的时候，require.resolve(id)应该resolve到默认模块还是node-modules的模块。
1
0
12
RSC is React Component implements Send Trait，React Sendable Component！
I understand RSC a little better now as
@ebey_jacob
made a federation POC.
“Use client” is normal ssr/csr.
RSC is “thread safe” react components. Meaning I can execute them off main thread. Be it server, web worker, or whatever.
2
4
63
2
1
12
💖 I'm sponsoring
@alexander_akait
because rspack heavilly uses swc-css and alexander does great job on swc-css
1
0
11
The implementations of webpack and the C++ linker have many similarities, which is very interesting.
5
1
11
--experimental-transform-types is really a great feature, that's the feature I want for long time. Great work by
@satanacchio
@kdy1dev
, I don't want introduce xxx-register just to support xxx.config.ts .
0
3
11
I originally thought it's funny name, but now I want to make it a real project. the goal becomes write a real bundler from scratch with minimal api and performance consideration and focused on the bundler architecture.
not sure anyone will like it, I may try use this to polish Rspack's Rust API
1
8
48
2
1
11
I make a repo to check different bundler behavior about circular-dependency, it turns out esbuild is the only one not following standard semantic because of the const transpiled to var which breaks TDZ, welcome more complicated cases for discussion
1
1
11
Hope someone can set a bounty for webpack
We are thrilled to announce that we have exceeded the 95% compatibility required by the challenge and we are continuing to improve this score! We will be submitting our solution in the coming days. Stay tuned!
5
70
807
2
2
11
0
1
11
this is huge, solve the biggest blocker of esm adoption
Landed experimental support for synchronous require(esm) to load ES modules without top-level await 🥳
28
150
603
1
2
11
I finally reproduce the treeshaking breaks TDZ case, I'm not sure whether treeshaking should keeps TDZ code, it actually bites me in real world project and I think it's the reason why people think webpack supports non-standard circular dependency.
after hours debugging a project with tons of circular dependencies, I found out a *bug* of rspack is actually user's code bug, and webpack's treeshaking remove the buggy code so it runs successfully but rspack doesn't remove the buggy code so it failed. negatives make a positive
3
1
13
2
1
10
Unfortunately typescript config support is still a mess after so many years, It seems none of them is perfect yet, all have some edge cases 😂
1
2
10
Webpack is the react version of build system and Turobopack is the vue version of build system.
1
0
10
nice illustrations
Rspack can now optimize re-exported modules using the new tree shaking algorithm.
This helps to remove unused modules and reduce output size:
2
22
108
0
0
10