chore: update

Author: SoonIter

packages/core/src/config.ts

@@ -26,6 +26,7 @@ import {
   RSLIB_CSS_ENTRY_FLAG,
   composeCssConfig,
   cssExternalHandler,
+  isCssFile,
   isCssGlobalFile,
 } from './css/cssConfig';
 import { composeEntryChunkConfig } from './plugins/EntryChunkPlugin';
@@ -1025,17 +1026,18 @@ const composeBundlelessExternalConfig = (
                 } catch (e) {
                   // e.g. A react component library importing and using 'react' but while not defining
                   // it in devDependencies and peerDependencies. Preserve 'react' as-is if so.
-                  logger.warn(
-                    `Failed to resolve module ${color.green(`"${resolvedRequest}"`)} from ${color.green(contextInfo.issuer)}. If it's an npm package, consider adding it to dependencies or peerDependencies in package.json to make it externalized.`,
-                  );
+                  if(!isCssFile(contextInfo.issuer)) {
+                    logger.warn(
+                      `Failed to resolve module ${color.green(`"${resolvedRequest}"`)} from ${color.green(contextInfo.issuer)}. If it's an npm package, consider adding it to dependencies or peerDependencies in package.json to make it externalized.`,
+                    );
+                  }
                 }
               }
 
               const cssExternal = cssExternalHandler(
                 resolvedRequest,
                 callback,
                 jsExtension,
-                jsRedirectExtension,
                 cssModulesAuto,
                 isStyleRedirected,
               );

packages/core/src/css/cssConfig.ts

@@ -83,7 +83,6 @@ export function cssExternalHandler(
   request: string,
   callback: ExternalCallback,
   jsExtension: string,
-  jsRedirectExtension: boolean,
   auto: CssLoaderOptionsAuto,
   isStyleRedirect: boolean,
 ): void | false {
@@ -104,9 +103,7 @@ export function cssExternalHandler(
     if (isCssModulesRequest) {
       return callback(
         undefined,
-        jsRedirectExtension
-          ? request.replace(/\.[^.]+$/, jsExtension)
-          : request,
+        request.replace(/\.[^.]+$/, jsExtension)
       );
     }
     return callback(undefined, request.replace(/\.[^.]+$/, '.css'));

tests/integration/redirect/js-import-css/rslib.config.ts

@@ -5,9 +5,21 @@ export default defineConfig({
   lib: [
     generateBundleEsmConfig({
       bundle: false,
+      autoExtension: false,
+      redirect: {
+        js: {
+          extension: false
+        }
+      }
     }),
     generateBundleCjsConfig({
       bundle: false,
+      autoExtension: false,
+      redirect: {
+        js: {
+          extension: false
+        }
+      }
     }),
   ],
   source: {

website/docs/zh/config/lib/auto-extension.mdx

@@ -13,14 +13,6 @@
 
 - 当 `package.json` 中设置 `type: commonjs` 或没有 `type` 字段时，`cjs` 格式使用 `.js`，`esm` 格式使用 `.mjs`。
 
-:::warning
-
-当 [bundle](/config/lib/bundle) 设置为 `false`（即 bundleless 模式）时，你需要在源代码中写完整的路径，而不是省略目录索引（例如，用 `'./foo'` 作为 `'./foo/index.js'` 的简写）。
-
-举例来说，如果 `foo` 是一个文件夹，你需要将 `import * from './foo'` 改写为 `import * from './foo/index'`。
-
-:::
-
 当 `autoExtension` 设置为 `false` 时，文件扩展名将默认为 `.js`。
 
 ## 自定义扩展名

website/docs/zh/config/lib/redirect.mdx

@@ -103,9 +103,19 @@ const defaultRedirect = {
 
 是否重定向样式文件的导入路径。
 
-例如，当导入 `.less` 文件时，它将被重写为 `.css` 文件：
+当设置为 `true` 时，导入样式文件时，路径将被重写为 `.css` 文件，当导入 [CSS Modules](/zh/config/rsbuild/output#outputcssmodules) 时，路径将被重写为到对应的 JavaScript 输出文件。
+
+当设置为 `false` 时，文件扩展名将保持原始导入路径中的不变。
+
+
+- 示例：
+
+默认情况下，当从 `.less` 文件导入时：
 
 ```ts
 import './index.less'; // source code ↓
 import './index.css'; // output file
+
+import styles from './index.module.less'; // source code ↓
+import styles from './index.module.mjs'; // output file
 ```