docs: update examples and terminology (#11374)

docs: update examples and terminlogy

Author: chenjiahan

README.md

@@ -78,7 +78,7 @@ Come chat with us on [Discord](https://discord.gg/79ZZ66GH9E)! Rspack team and R
 | [rspack-dev-server](https://github.com/web-infra-dev/rspack-dev-server)              | Dev server for Rspack                                                         |
 | [rstack-examples](https://github.com/rspack-contrib/rstack-examples)                 | Examples showcasing Rstack                                                    |
 | [rspack-sources](https://github.com/web-infra-dev/rspack-sources)                    | Rust port of [webpack-sources](https://www.npmjs.com/package/webpack-sources) |
-| [rstack-design-resources](https://github.com/rspack-contrib/rstack-design-resources) | Design resources for Rspack Stack                                             |
+| [rstack-design-resources](https://github.com/rspack-contrib/rstack-design-resources) | Design resources for Rstack                                                   |
 
 ## Contributors
 

README.zh-CN.md

@@ -73,7 +73,7 @@ Rstack 是一个围绕 Rspack 打造的 JavaScript 统一工具链，具有优
 | [rspack-dev-server](https://github.com/web-infra-dev/rspack-dev-server)              | Rspack 的开发服务器                                                          |
 | [rstack-examples](https://github.com/rspack-contrib/rstack-examples)                 | Rstack 的示例项目                                                            |
 | [rspack-sources](https://github.com/web-infra-dev/rspack-sources)                    | Rust 版本的 [webpack-sources](https://www.npmjs.com/package/webpack-sources) |
-| [rstack-design-resources](https://github.com/rspack-contrib/rstack-design-resources) | Rspack Stack 的设计资源                                                      |
+| [rstack-design-resources](https://github.com/rspack-contrib/rstack-design-resources) | Rstack 的设计资源                                                            |
 
 ## 致谢
 

website/docs/en/api/javascript-api/compilation.mdx

@@ -66,7 +66,7 @@ The following code will add a new asset named `asset-name.js` and will not be co
 
 ```js
 compiler.hooks.thisCompilation.tap('MyPlugin', compilation => {
-  const { RawSource } = compiler.webpack.sources;
+  const { RawSource } = compiler.rspack.sources;
   compilation.hooks.processAssets.tap('MyPlugin', () => {
     const buffer = Buffer.from(
       'i am content of emit asset, do not minimize me',
@@ -114,7 +114,7 @@ The following code replaces the content of `main.js` and not to minimize it:
 
 ```js
 compiler.hooks.thisCompilation.tap('MyPlugin', compilation => {
-  const { RawSource } = compiler.webpack.sources;
+  const { RawSource } = compiler.rspack.sources;
   compilation.hooks.processAssets.tap('MyPlugin', () => {
     const updatedSource = new RawSource(
       `module.exports = "This is the updated"`,
@@ -415,7 +415,7 @@ compiler.hooks.make.tap('MyPlugin', compilation => {
     {
       path: 'dist/child',
     },
-    [new compiler.webpack.EntryPlugin(compiler.context, './child-entry.js')],
+    [new compiler.rspack.EntryPlugin(compiler.context, './child-entry.js')],
   );
   childCompiler.compile((err, childCompilation) => {});
 });
@@ -452,7 +452,7 @@ export default {
   plugins: [
     {
       apply(compiler) {
-        const { RuntimeModule } = compiler.webpack;
+        const { RuntimeModule } = compiler.rspack;
 
         class CustomRuntimeModule extends RuntimeModule {
           constructor() {

website/docs/en/api/plugin-api/compilation-hooks.mdx

@@ -578,7 +578,7 @@ export default {
   plugins: [
     {
       apply(compiler) {
-        const { RuntimeGlobals } = compiler.webpack;
+        const { RuntimeGlobals } = compiler.rspack;
         compiler.hooks.thisCompilation.tap('CustomPlugin', compilation => {
           compilation.hooks.additionalTreeRuntimeRequirements.tap(
             'CustomPlugin',
@@ -618,7 +618,7 @@ export default {
   plugins: [
     {
       apply(compiler) {
-        const { RuntimeGlobals, RuntimeModule } = compiler.webpack;
+        const { RuntimeGlobals, RuntimeModule } = compiler.rspack;
         class CustomRuntimeModule extends RuntimeModule {
           constructor() {
             super('custom');
@@ -670,7 +670,7 @@ export default {
   plugins: [
     {
       apply(compiler) {
-        const { RuntimeGlobals } = compiler.webpack;
+        const { RuntimeGlobals } = compiler.rspack;
         compiler.hooks.compilation.tap('CustomPlugin', compilation => {
           compilation.hooks.runtimeModule.tap(
             'CustomPlugin',
@@ -733,14 +733,14 @@ Process the assets before emit.
 
 ```js
 compiler.hooks.thisCompilation.tap('MyPlugin', compilation => {
-  const { Compilation } = compiler.webpack;
+  const { Compilation } = compiler.rspack;
   compilation.hooks.processAssets.tap(
     {
       name: 'MyPlugin',
       stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL,
     },
     assets => {
-      const { RawSource } = compiler.webpack.sources;
+      const { RawSource } = compiler.rspack.sources;
       const source = new RawSource('This is a new asset!');
       compilation.emitAsset('new-asset.txt', source);
     },
@@ -752,7 +752,7 @@ compiler.hooks.thisCompilation.tap('MyPlugin', compilation => {
 
 ```js
 compiler.hooks.thisCompilation.tap('MyPlugin', compilation => {
-  const { Compilation } = compiler.webpack;
+  const { Compilation } = compiler.rspack;
   compilation.hooks.processAssets.tap(
     {
       name: 'MyPlugin',
@@ -764,7 +764,7 @@ compiler.hooks.thisCompilation.tap('MyPlugin', compilation => {
         return;
       }
 
-      const { RawSource } = compiler.webpack.sources;
+      const { RawSource } = compiler.rspack.sources;
       const oldContent = asset.source();
       const newContent = oldContent + '\nconsole.log("hello world!")';
       const source = new RawSource(newContent);
@@ -779,7 +779,7 @@ compiler.hooks.thisCompilation.tap('MyPlugin', compilation => {
 
 ```js
 compiler.hooks.thisCompilation.tap('MyPlugin', compilation => {
-  const { Compilation } = compiler.webpack;
+  const { Compilation } = compiler.rspack;
   compilation.hooks.processAssets.tap(
     {
       name: 'MyPlugin',

website/docs/en/api/plugin-api/runtime-plugin-hooks.mdx

@@ -13,7 +13,7 @@ export default {
   plugins: [
     {
       apply: compiler => {
-        const { RuntimePlugin } = compiler.webpack;
+        const { RuntimePlugin } = compiler.rspack;
         compiler.hooks.compilation.tap('MyPlugin', compilation => {
           const hooks = RuntimePlugin.getCompilationHooks(compilation);
           //...

website/docs/en/blog/announcing-0-5.mdx

@@ -233,7 +233,7 @@ class CustomDevServer {
   enableHMR(compiler) {
 -   compiler.options.devServer ??= {};
 -   compiler.options.devServer.hot = true;
-+   new compiler.webpack.HotModuleReplacementPlugin().apply(compiler);
++   new compiler.rspack.HotModuleReplacementPlugin().apply(compiler);
   }
 }
 ```
@@ -255,7 +255,7 @@ function prependEntry(compiler, additionalEntry) {
 -      ...(compiler.options.entry[key].import || []),
 -    ];
 -  }
-+  new compiler.webpack.EntryPlugin(compiler.context, additionalEntry, {
++  new compiler.rspack.EntryPlugin(compiler.context, additionalEntry, {
 +    name: undefined, // `name: undefined` to prepend the it to every entry, or add it to a specified entry with specified entry name
 +  }).apply(compiler);
 }

website/docs/en/blog/announcing-1-0.mdx

@@ -89,9 +89,9 @@ The current goals of Rspack are:
 - Rspack is not just suitable for environments like browser and Node.js that we are familiar with; its goal is to cover all environments where JavaScript runs. This means that Rspack can easily support Deno, Electron, cross-platform applications, MiniApps, and any other JavaScript runtime.
 - We found that balancing "flexibility" and "out-of-the-box" in a single tool was a challenging task. Therefore, after open-sourcing Rspack, we developed a set of Rstack toolchains, including projects such as Rsbuild, Rspress, Rsdoctor, and Rslib, each targeting different use cases. For example, to reduce the complexity and high barriers to configuring Rspack, we provide Rsbuild for an out-of-the-box development experience.
 
-### Rspack stack
+### Rstack
 
-![Rspack Stack](https://assets.rspack.rs/rspack/assets/rspack-v1-0-rstack.png)
+![Rstack](https://assets.rspack.rs/rspack/assets/rspack-v1-0-rstack.png)
 
 Rstack is short for "Rspack Stack" and stands for the tech stack built around Rspack. It consists of the following tools:
 

website/docs/en/config/lazy-compilation.mdx

@@ -1,9 +1,12 @@
 import WebpackLicense from '@components/WebpackLicense';
+import { ApiMeta } from '@components/ApiMeta';
 
 <WebpackLicense from="https://webpack.js.org/configuration/experiments/#experimentslazycompilation" />
 
 # LazyCompilation
 
+<ApiMeta addedVersion="1.5.0" />
+
 Lazy Compilation is an optimization technique that delays the compilation of modules until they are actually requested. **Modules are only built when they are actually accessed.**
 
 Enable lazy compilation, which can greatly improve the dev startup performance of multi-page applications (MPA) or large single-page applications (SPA).

website/docs/en/guide/start/quick-start.mdx

@@ -111,7 +111,7 @@ Next, see [Configure Rspack](/config/index) to learn about how to configure Rspa
 
 ## Migrating from existing projects
 
-If you need to migrate from an existing project to Rspack stack, you can refer to the following guides:
+If you need to migrate from an existing project to Rspack, you can refer to the following guides:
 
 - [Migrating from webpack to Rspack](/guide/migration/webpack)
 - [Migrating from webpack to Rsbuild](https://rsbuild.rs/guide/migration/webpack)

website/docs/en/misc/team/core-team.mdx

@@ -2,9 +2,9 @@ import { RandomMemberList } from '@components/RandomMemberList.tsx';
 
 # Core team
 
-The development of Rspack stack is led by ByteDance's web infra team and driven together with community contributors on several core projects, including [Rspack](https://github.com/web-infra-dev/rspack), [Rsbuild](https://github.com/web-infra-dev/rsbuild), [Rspress](https://github.com/web-infra-dev/rspress), [Rsdoctor](https://github.com/web-infra-dev/rsdoctor), [Rslib](https://github.com/web-infra-dev/rslib), [Rstest](https://github.com/web-infra-dev/rstest) and [Rslint](https://github.com/web-infra-dev/rslint).
+The development of Rstack is led by ByteDance's web infra team and driven together with community contributors on several core projects, including [Rspack](https://github.com/web-infra-dev/rspack), [Rsbuild](https://github.com/web-infra-dev/rsbuild), [Rspress](https://github.com/web-infra-dev/rspress), [Rsdoctor](https://github.com/web-infra-dev/rsdoctor), [Rslib](https://github.com/web-infra-dev/rslib), [Rstest](https://github.com/web-infra-dev/rstest) and [Rslint](https://github.com/web-infra-dev/rslint).
 
-Current members of the Rspack team are listed in random order below.
+Current members of the Rstack team are listed in random order below.
 
 ## Members