web-infra-dev / rsbuild Goto Github PK

The Rspack-based build tool. It's fast, out-of-the-box and extensible.

License: MIT License

JavaScript 5.92% TypeScript 91.48% SCSS 0.26% AppleScript 0.21% HTML 0.41% Vue 0.64% CSS 0.72% Less 0.13% Stylus 0.03% Pug 0.01% Svelte 0.20%

build-tool rspack webpack

rsbuild's People

Contributors

Stargazers

Watchers

Forkers

9aoy chenjiahan targeral czfadmin jkzing zhousg richerfu zouhangwithsweet aurorasparkdev hunghg255 inottn sumy7 knoxnoe naturellee mt51 kikyoluka hometownsocool wudidsheng jqk6 bamboofive hantq lalalazero mityburner wchenonly grammac1 xc2 xisenao bvanjoi sooniter b2nil frankcdev jinchaofs dribble-njr jungzl tmkx giveme-a-name fulme fi3ework symind bitsdevelopments yukiniro idestin gambonny liruifengv spencerht emjio liangchaofei thinkasany oyeneko facecutwall lyl-code liyincode ed13888 vendream tianxiang24 bottlewook priority3 luhc228 coly010 xettri nanianlisao scout9ll alkaidcc denniscual dominuskelvin ngd-b ymq001 coderbaozi innovation-labs-technical-hub imranbarbhuiya xymopen hasnum-stack

rsbuild's Issues

Support for read `rspack.config.*` file

This may be more intuitive for Rspack users to configure Rspack, who do not need to know about tools.rspack.

[Document]: Provide a lifecycle graph for plugin hooks

What problem does this feature solve?

Provide a lifecycle graph for plugin hooks in the document, making the hooks order clearer.

What does the proposed API look like?

Synchronous and check modern.js builder changes

init rsbuild & rsbuild/webpack from web-infra-dev/modern.js@4d9ee16.

We need to check and synchronize all changes starting from this commit.

Switch the default language to English

Use _meta.json to generate nav and sidebar

https://rspress.dev/guide/basic/auto-nav-sidebar.html

Decouple with @modern-js/utils

Using Rspack as the default bundler

Modern.js Builder provides to provider: builder-rspack-provider and builder-webpack-provider.

In Rsbuild, the default builder is Rspack, which means builder-rspack-provider is builtin. And users can choose to downgrade to webpack via @rsbuild/webpack package.

Extract the tsChecker plugin as a standalone package

Ts checker slows down build performance, so it should be an optional feature.

Remove the `modern-web` build target

The only different between web and modern-web is the default browser range, we prefer to use .browserslistrc to control this.

So the modern-web is redundant.

Align the dist directory struct with other community tools

Modern.js Builder:

.
├── html
│   └── index
│       └── index.html
├── route.json
└── static
    ├── css
    │   ├── index.a9908140.css
    │   └── index.a9908140.css.map
    └── js
        ├── index.0084c5a4.js
        └──index.0084c5a4.js.map

Create React App:

.
├── asset-manifest.json
├── index.html
├── manifest.json
└── static
    ├── css
    │   ├── main.073c9b0a.css
    │   └── main.073c9b0a.css.map
    └── js
        ├── main.1470d868.js
        └── main.1470d868.js.map

Rsbuild should move the dist/html/index/index.html to dist/index.html by default, making it easier to deploy.

Remove inspector plugin and update doc

@modern-js/inspector-webpack-plugin no longer iterates, and we recommend use Rsbuild doctor.

Extract the Babel plugin as a standalone package

Most Rspack users do not need to use Babel (which is slower), so we should extract the babel plugin as a standalone package to reduce the dependencies of Rsbuild core.

Support for `rsbuild inspect` command

Similar to the modern inspect command.

Redesign the dev server, decouple with Modern.js server

Rsbuild should avoid depending on Modern.js packages, so we need to design a new dev server for Rsbuild, and allow Modern.js to replace the builtin dev server.

Design a new logo

Same as Rspack / Rspress.

[Workflow]: Update the release workflow for Modern.js engineering system

Release order:

Rspack -> Rsbuild > Rspress -> Modern.js

Extract the React plugin as a standalone package

Rsbuild is framework agnostic, so the React plugin should be a standalone package.

Update the Modern.js document, replace Modern.js Builder with Rsbuild

http://modernjs.dev/en

Update rsbuild code, replace the builder keyword with rsbuild

Use rspack bulitin:swc-loader instead of transformByDefault

Background: web-infra-dev/modern.js#4620

Only builtin:swc-loader is supported in rsbuild (rspack mode). The old translation behavior is retained in modern.js and will be compatible by the framework.

The following configuration capabilities are newly supported in rsbuild rspack mode:

polyfill.usage
source.include
source.exclude

[Feature]: Support for Tailwind CSS and UnoCSS

What problem does this feature solve?

What does the proposed API look like?

Both of these two tools are easy to integrate, so we may not need to provide Rsbuild plugins for them, just provide some guides can be enough.

Decouple document content from modern.js

polyfill: 'ua'
Plugins: "Used in Modern.js framework"
more..

[Feature]: Provide an umd plugin

What problem does this feature solve?

Provide an umd plugin to help users building umd outputs.

What does the proposed API look like?

pluginUmd({
  // maybe some options
});

[Document] Provide CRA migration guide

Provide migration guide for create-react-app projects.

[Feature]: Add Rsbuild to web infra QoS dashboard

What problem does this feature solve?

Add to: https://github.com/web-infra-dev/modern-js-benchmark

What does the proposed API look like?

Same as Modern.js benchmark.

Adjust the default browserslist config

Overall

Rsbuild will by default target modern browsers to reduce bundle sizes.

Detail

The default browserslist config of Modern.js Builder:

> 0.01%
not dead
not op_mini all

The default browserslist config of Rsbuild:

const browserslist = [
  'chrome >= 87',
  'edge >= 88',
  'firefox >= 78',
  'safari >= 14',
];

This change should not affect Modern.js Framework.

Replace `@modern-js/node-bundle-require` with `jiti`

Replace @modern-js/node-bundle-require with jiti, so Rsbuild core do not need to depend on esbuild.

Extract the sourceBuild plugin as a standalone package

The sourceBuild plugin depend on '@modern-js/monorepo-utils, we can merge @modern-js/monorepo-utils and builder-plugin-source-build as a new package: @rsbuild/plugin-source-build.

[Bug]: The bundle size becomes larger after using the SWC plugin

Version

System:
    OS: macOS 12.6.5
    CPU: (10) arm64 Apple M1 Pro
    Memory: 3.30 GB / 32.00 GB
    Shell: 5.8.1 - /bin/zsh
  Browsers:
    Chrome: 114.0.5735.198
    Safari: 16.4.1
  npmPackages:
    @modern-js/app-tools: workspace:* => 2.25.1 
    @modern-js/plugin-swc: workspace:* => 2.25.1 
    @modern-js/runtime: workspace:* => 2.25.1

Details

Take modern.js/tests/integration/mwa-app as an example.

Before using SWC plugin:

After using SWC plugin:

Reproduce link

https://github.com/web-infra-dev/modern.js/tree/main/tests/integration/mwa-app

Reproduce Steps

cd tests/integration/mwa-app
pnpm run build

Help Rspress to migrate from Modern.js Builder to Rsbuild

[Feature]: Assets retry supports dynamic chunks

What problem does this feature solve?

Currently the assets retry only supports initial chunks, we need to provide supports for dynamic chunks.

What does the proposed API look like?

No extra configurations.

Refactor @modern-js/babel-preset-app and babel-preset-base

[Document]: Redesign the home page

new slogan
update features
more..

Add new banner to web infra group

Rewrite the introduction document

https://modernjs.dev/builder/en/guide/introduction.html

Support for create a Rsbuild project via `create-rsbuild`

https://github.com/web-infra-dev/rspack/tree/main/packages/create-rspack

[Workflow]: Update the test workflow for Modern.js engineering system

Test order:

Rsbuild > Modern.js > Rspress > EdenX

Improve the CLI tool

Add log to display the current Rspack / webpack version.
Support explicit declaration to use webpack.
Support use --config option to custom config file.

[Feature] Support for SolidJS

https://www.solidjs.com/

[Document]: Redirect modernjs.dev/builder to new website

Add redirect logic:

[Document]: Improve the decorators guide

What problem does this feature solve?

Differences between decorator version
How / when to use TypeScript legacy decorator

[Feature]: Support only print total file sizes

What problem does this feature solve?

Some users may only care about the total size, Rsbuild should support only print total file sizes,

What does the proposed API look like?

export default {
  performance: {
    printFileSize: {
      // whether to print total size
      total?: boolean;
      // whether to print size of each file
      detail?: boolean;
    }
  }
}