Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs: add compare with parcel section #7035

Merged
merged 3 commits into from
Jul 5, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions website/docs/en/guide/start/introduction.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -111,6 +111,10 @@ Today Rspack is primarily tested using a subset of webpack's test cases. In the

Rspack and Rollup are both bundling tools, but they focus on different areas. Rollup is more suitable for bundling libraries, while Rspack is more suitable for bundling applications. Therefore, Rspack has optimized many features for bundling applications, such as HMR and Bundle splitting. Rollup produces ESM outputs that are more friendly to libraries than Rspack. There are also many tools in the community that encapsulate Rollup to some extent and provide more friendly support for bundling applications, such as vite and wmr. Currently, Rspack has better production build performance than rollup.

## Compared with Parcel

The overall architecture of Rspack shares many similarities with [Parcel](https://parceljs.org/). For example, both treat CSS assets as first-class citizens and both support filter-based transformers. However, Parcel focuses more on out-of-the-box usability, while Rspack focuses more on providing flexible configuration for upper-level frameworks and tools. Parcel innovatively designed features like the Unified Graph and making HTML a first-class citizen. Rspack also plans to support these features in the future.

## Next step

Please read [Quick start](/guide/start/quick-start) to start using Rspack.
Expand Down
4 changes: 4 additions & 0 deletions website/docs/zh/guide/start/introduction.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -125,6 +125,10 @@ Rspack 和 turbopack 都是基于 Rust 实现的 bundler,且都发挥了 Rust

Rspack 和 Rollup 虽然都是打包工具,但是两者的侧重领域不同,Rollup 更适合用于打包库,而 Rspack 适合用于打包应用。因此 Rspack 对打包应用进行了很多优化,如 HMR、Bundle splitting 等功能,而 Rollup 则比 Rspack 的编译产物对库更为友好,如更好的 ESM 产物支持。 社区上也有很多的工具在 Rollup 基础上进行了一定的封装,提供了对应用打包更友好的支持,如 vite 和 wmr, 目前 Rspack 比 Rollup 有更好的生产环境构建性能。

### 和 Parcel 的区别

Rspack 的整体架构与 [Parcel](https://parceljs.org/) 有很多共同之处。例如都将 CSS 资源视为一等公民,都支持基于 filter 的 transformer。然而,Parcel 更加注重开箱即用的体验,而 Rspack 更加注重为上层框架提供灵活的配置。Parcel 开创性地设计了 Unified Graph 和使 HTML 成为一等公民的特性。Rspack 也计划在未来支持这些特性。

## 下一步

请阅读 [快速上手](/guide/start/quick-start) 来开始使用 Rspack。
Expand Down
17 changes: 9 additions & 8 deletions website/project-words.txt
Original file line number Diff line number Diff line change
Expand Up @@ -45,15 +45,21 @@ funs
Hana
HerringtonDarkholme
htmlrspackplugin
idents
Idents
iife
Iife
indicatif
innovatively
IWANABETHATGUY
jantimon
JavaScript
jerrykingxyz
jkzing
jscexperimentalplugins
JSCPU
jscpuprofile
lightningcss
lingyucoder
linux
lippzhang
Expand Down Expand Up @@ -94,6 +100,7 @@ outputdevtoolfallbackmodulefilenametemplate
outputdevtoolmodulefilenametemplate
outputdevtoolnamespace
outputenabledwasmloadingtypes
outputlibraryamdcontainer
outputlibraryumdnameddefine
perfetto
pmmmwh
Expand All @@ -112,6 +119,7 @@ Rspack
rspackplugin
rspress
Rspress
ruid
ruleoneof
ruleparserdataurlcondition
Rust
Expand Down Expand Up @@ -150,14 +158,7 @@ xctrace
Xeon
XKKCNZZNJD
xstyled
xxhash
Zack
Zack Jackson
zackarychapple
indicatif
outputlibraryamdcontainer
lightningcss
Idents
idents
xxhash
jscexperimentalplugins
ruid
Loading