docs: output.injectStyles (#969)

Author: Timeless0911

tests/integration/style/style-inject/index.test.ts

@@ -2,7 +2,7 @@ import { join } from 'node:path';
 import { buildAndGetResults } from 'test-helper';
 import { expect, test } from 'vitest';
 
-test('should extract css successfully with `output.styleInject = true` in bundle', async () => {
+test('should extract css successfully with `output.injectStyles = true` in bundle', async () => {
   const fixturePath = join(__dirname, 'bundle');
   const { contents } = await buildAndGetResults({ fixturePath, type: 'css' });
   const esmFiles = Object.keys(contents.esm ?? {});

website/docs/en/config/rsbuild/output.mdx

@@ -101,9 +101,9 @@ Sets the filename of dist files.
 
 By default, Rslib will modify the JavaScript output file extension by setting `output.filename.js` according to [format](/config/lib/format), see [autoExtension](/config/lib/auto-extension) for more details.
 
-{/* ## output.injectStyles <RsbuildDocBadge path="/config/output/inject-styles" text="output.injectStyles" /> */}
+## output.injectStyles <RsbuildDocBadge path="/config/output/inject-styles" text="output.injectStyles" />
 
-{/* Whether to inject styles into DOM. */}
+Whether to inject styles into DOM.
 
 ## output.inlineScripts <RsbuildDocBadge path="/config/output/inline-scripts" text="output.inlineScripts" />
 

website/docs/zh/config/rsbuild/output.mdx

@@ -97,6 +97,10 @@ Rslib 默认将 `output.filenameHash` 设置为 `false`。
 
 Rslib 默认会根据 [format](/config/lib/format) 设置 `output.filename.js` 来修改 JavaScript 产物文件的扩展名，详情可查看 [autoExtension](/config/lib/auto-extension)。
 
+## output.injectStyles <RsbuildDocBadge path="/config/output/inject-styles" text="output.injectStyles" />
+
+是否将 CSS 样式插入到 DOM 中。
+
 ## output.inlineScripts <RsbuildDocBadge path="/config/output/inline-scripts" text="output.inlineScripts" />
 
 用来控制是否用 `<script>` 标签将产物中的 script 文件（.js 文件）inline 到 HTML 中。