fix

Author: chenjiahan

packages/core/src/plugins/css.ts

@@ -414,15 +414,22 @@ export const pluginCss = (): RsbuildPlugin => ({
         });
 
         updateRules((rule, type) => {
-          rule.use(CHAIN_ID.USE.CSS).options(
-            type === 'inline'
-              ? ({
-                  ...cssLoaderOptions,
-                  exportType: 'string',
-                  modules: false,
-                } satisfies CSSLoaderOptions)
-              : cssLoaderOptions,
-          );
+          let finalOptions = cssLoaderOptions;
+
+          if (type === 'inline') {
+            finalOptions = {
+              ...cssLoaderOptions,
+              exportType: 'string',
+              modules: false,
+            };
+          } else if (!emitCss && cssLoaderOptions.importLoaders) {
+            // If emitCss is disabled, correct importLoaders number for normal CSS rule
+            finalOptions = {
+              ...cssLoaderOptions,
+              importLoaders: cssLoaderOptions.importLoaders - 1,
+            };
+          }
+          rule.use(CHAIN_ID.USE.CSS).options(finalOptions);
 
           // CSS imports should always be treated as sideEffects
           rule.sideEffects(true);

packages/core/tests/__snapshots__/css.test.ts.snap

@@ -133,7 +133,7 @@ exports[`plugin-css injectStyles > should apply ignoreCssLoader when injectStyle
           {
             "loader": "<ROOT>/packages/core/compiled/css-loader/index.js",
             "options": {
-              "importLoaders": 1,
+              "importLoaders": 0,
               "modules": {
                 "auto": true,
                 "exportGlobals": false,

packages/core/tests/__snapshots__/default.test.ts.snap

@@ -1136,7 +1136,7 @@ exports[`applyDefaultPlugins > should apply default plugins correctly when targe
           {
             "loader": "<ROOT>/packages/core/compiled/css-loader/index.js",
             "options": {
-              "importLoaders": 1,
+              "importLoaders": 0,
               "modules": {
                 "auto": true,
                 "exportGlobals": false,

packages/core/tests/__snapshots__/environments.test.ts.snap

@@ -1966,7 +1966,7 @@ exports[`environment config > tools.rspack / bundlerChain can be configured in e
             {
               "loader": "<ROOT>/packages/core/compiled/css-loader/index.js",
               "options": {
-                "importLoaders": 1,
+                "importLoaders": 0,
                 "modules": {
                   "auto": true,
                   "exportGlobals": false,