[VO-1282] chore: Migrate to Rsbuild #3296
Open
+2,940
−7,160
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
BundleMonFiles added (19)
Files removed (16)
Files updated (1)
Unchanged files (1)
Total files change -263.42KB -4.46% Groups added (3)
Groups removed (7)
Final result: ✅ View report in BundleMon website ➡️ |
Ldoppea
force-pushed
the
feat/migrate-to-rsbuild
branch
2 times, most recently
from
98c82cd to
7201534
Compare
|
This commit title seems incomplete |
zatteo
reviewed
Jan 15, 2025
| import { getRsbuildConfig } from 'rsbuild-config-cozy-app' | ||
|
|
||
| const config = getRsbuildConfig({ | ||
| title: 'Cozy Photos', |
zatteo
reviewed
Jan 15, 2025
| @@ -84,7 +84,6 @@ | |||
| "classnames": "2.3.1", | |||
| "cozy-bar": "^16.0.1", | |||
| "cozy-client": "^52.1.0", | |||
| "cozy-client-js": "0.20.0", | |||
There was a problem hiding this comment.
It is not enough for the cozy-client-js removal. They are cozy.client global variable uses in the repo.
|
Great job! 🎉 Can't wait to build faster than light ✨ |
zatteo
force-pushed
the
feat/migrate-to-rsbuild
branch
from
7201534 to
cb626f2
Compare
In #3182 we reworked Breadcrumbs to display the root folder and Shared drives' root as an icon instead of text Unit tests did not reflect this changes but did continue to pass due to a bug in cozy-client-js exports making the ROOT_DIR_ID undefined Since we removed cozy-client-js and used a defined constant instead then unit tests would fail This commit fixes all the tests to reflect the new "icon" behavior
With the Rsbuild migration, the transpiled code now use `let` and `const` features contrary to the previous Webpack configuration that converted them to `var` This highlight some bug that we previously missed where some variables were used before being declared. This did not produce any throw when using `var` due to hoisting, but this may produce bug as the accessed variable may be undefined
With the Rsbuild migration, the transpiled code now use `let` and `const` features contrary to the previous Webpack configuration that converted them to `var` This highlight some bug that we previously missed where some variables were used before being declared. This did not produce any throw when using `var` due to hoisting, but this may produce bug as the accessed variable may be undefined
In cozy-script we used to enforce the development mode when doing a
`yarn watch`
The development mode changes the build behavior by removing some steps
like minification which results to a faster build
A side effect is that the code generated from the `watch` command is a
bit different than the one generated from `build` command. This may
produce some differences on the app's behavior, but this is rare enough
(happened 1 or 2 times in the past years) so we consider the speed gain
to still be valuable. Also we know that we should run a `build` locally
as ultimate check before pushing new code to the git repo
So we want to enable this mode in the new Rsbuild configuration
Here are the timings for initial build and then 4 differents edits in
the code that trigger a re-build
yarn watch
```
11,70s (initial build)
9,87s
9,89s
10,10s
10,80s
```
yarn watch --mode development
```
6,64s (initial build)
1,42s
0,73s
0,72s
0,77s
```
Related code:
https://github.com/cozy/create-cozy-app/blob/master/packages/cozy-scripts/scripts/watch.js#L13
`rsbuild-config-cozy-app` has been upgraded to `0.2.0` in order to retrieve the configuration needed to run `rsbuild dev` with our cozy-stack based architecture and then benefits from HMR feature Related PR: cozy/cozy-libs#2700
Since previous commit we can run `rsbuild dev` to enable HMR feature We now have 3 different scripts: - `yarn build`: build the app for production - `yarn watch`: like for the `build` script but with some optimizations in order to build faster and to trigger rebuild automatically when the code changes - `yarn dev`: build the app with HMR enabled. This should be the fastest way to debug the app, but the HMR feature may prevent the app to work in some environments (i.e. flagship app)
`cozy-dataproxy-lib` has been upgraded to `2.3.1` in order to retrieve a fix on package.json configuration that did not export the dataproxy's `stylesheet.css` Related PR: cozy/cozy-libs#2699
By migrating from webpack to rsbuild we lost this resolution override that is needed by react-pdf for generating PDFs previews using WebWorkers More details: https://github.com/cozy/cozy-libs/blob/a00baa1723bd7d37591fe95dcc1921d4e2c24f87/packages/cozy-viewer/src/Readme.md?plain=1#L299-L335
zatteo
force-pushed
the
feat/migrate-to-rsbuild
branch
from
cb626f2 to
2f7e44e
Compare
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Performances comparison on my computer:
yarn buildyarn watchRelated PRs: