chore: rename RSLIB_CSS_ENTRY_FLAG

Author: SoonIter

packages/core/src/config.ts

@@ -19,7 +19,7 @@ import {
 } from './constant';
 import {
   type CssLoaderOptionsAuto,
-  RSLIB_TEMP_CSS_DIR,
+  RSLIB_CSS_ENTRY_FLAG,
   composeCssConfig,
   cssExternalHandler,
   isCssGlobalFile,
@@ -686,16 +686,28 @@ const composeEntryConfig = async (
     // Using the longest common path of all non-declaration input files by default.
     const outBase = lcp === null ? root : lcp;
 
-    for (const file of resolvedEntryFiles) {
+    function getEntryName(file: string) {
       const { dir, name } = path.parse(path.relative(outBase, file));
       // Entry filename contains nested path to preserve source directory structure.
       const entryFileName = path.join(dir, name);
 
+      // 1. we mark the global css files (which will generate empty js chunk in cssExtract), and deleteAsset in RemoveCssExtractAssetPlugin
+      // 2. avoid the same name e.g: `index.ts` and `index.css`
       if (isCssGlobalFile(file, cssModulesAuto)) {
-        resolvedEntries[`${RSLIB_TEMP_CSS_DIR}/${entryFileName}`] = file;
-      } else {
-        resolvedEntries[entryFileName] = file;
+        return `${RSLIB_CSS_ENTRY_FLAG}/${entryFileName}`;
+      }
+
+      return entryFileName;
+    }
+
+    for (const file of resolvedEntryFiles) {
+      const entryName = getEntryName(file);
+      if (resolvedEntries[entryName]) {
+        logger.warn(
+          `duplicate entry: ${entryName}, this may lead to the incorrect output, please rename the file`,
+        );
       }
+      resolvedEntries[entryName] = file;
     }
   }
 

packages/core/src/css/cssConfig.ts

@@ -9,7 +9,7 @@ import { CSS_EXTENSIONS_PATTERN } from '../constant';
 import { RemoveCssExtractAssetPlugin } from './RemoveCssExtractAssetPlugin';
 const require = createRequire(import.meta.url);
 
-export const RSLIB_TEMP_CSS_DIR = '__rslib_css__';
+export const RSLIB_CSS_ENTRY_FLAG = '__rslib_css__';
 
 // https://rsbuild.dev/config/output/css-modules#cssmodulesauto
 export type CssLoaderOptionsAuto = CSSLoaderOptions['modules'] extends infer T
@@ -122,7 +122,7 @@ const pluginLibCss = (rootDir: string): RsbuildPlugin => ({
         .plugin(RemoveCssExtractAssetPlugin.name)
         .use(RemoveCssExtractAssetPlugin, [
           {
-            include: new RegExp(`^${RSLIB_TEMP_CSS_DIR}`),
+            include: new RegExp(`^${RSLIB_CSS_ENTRY_FLAG}`),
           },
         ]);