chore: fix

Author: SoonIter

examples/react-component-bundle-false/rslib.config.ts

@@ -37,17 +37,5 @@ export default defineConfig({
     //   bundle: false,
     // },
   ],
-  // tools: {
-  //   bundlerChain(config, {CHAIN_ID}) {
-  //     const cssExtract = CHAIN_ID.PLUGIN.MINI_CSS_EXTRACT
-  //     config.plugins.delete(cssExtract)
-
-  //   },
-  //   cssExtract: {
-  //     loaderOptions: {
-  //       rootDir: './src',
-  //     },
-  //   },
-  // },
   plugins: [pluginReact()],
 });

packages/core/src/config.ts

@@ -24,6 +24,7 @@ import type {
   Format,
   LibConfig,
   PkgJson,
+  Redirect,
   RsbuildConfigOutputTarget,
   RslibConfig,
   RslibConfigAsyncFn,
@@ -718,10 +719,13 @@ const composeEntryConfig = async (
 
 const composeBundleConfig = (
   jsExtension: string,
+  redirect: Redirect,
   bundle = true,
 ): RsbuildConfig => {
   if (bundle) return {};
 
+  const { style: isStyleRedirect = true } = redirect;
+
   return {
     output: {
       externals: [
@@ -741,7 +745,27 @@ const composeBundleConfig = (
                 return callback();
               }
 
-              request = extname(request)
+              const isCssModuleEmitted = request.endsWith('_module.css');
+              if (isCssModuleEmitted) {
+                return callback(null, request);
+              }
+
+              const ext = extname(request);
+              const isCssExt = ext === 'css';
+              if (isCssExt && !isStyleRedirect) {
+                return callback(null, request);
+              }
+
+              // const jsExtensions = ['js', 'cjs', 'mjs', 'ts', 'mts', 'cts', 'jsx', 'tsx'];
+              // const isNotJsExt = ext && !jsExtensions.includes(ext)
+
+              // 1. not js: css svg asset
+              // if(isNotJsExt) {
+              //   return callback(null, request)
+              // }
+
+              // 2. js or no ext
+              request = ext
                 ? request.replace(/\.[^.]+$/, jsExtension)
                 : `${request}${jsExtension}`;
             }
@@ -886,6 +910,7 @@ async function composeLibRsbuildConfig(config: LibConfig, configPath: string) {
     autoExtension = true,
     autoExternal = true,
     externalHelpers = false,
+    redirect = {},
   } = config;
   const formatConfig = composeFormatConfig(format!);
   const externalHelpersConfig = composeExternalHelpersConfig(
@@ -901,7 +926,11 @@ async function composeLibRsbuildConfig(config: LibConfig, configPath: string) {
     jsExtension,
     dtsExtension,
   } = composeAutoExtensionConfig(config, autoExtension, pkgJson);
-  const bundleConfig = composeBundleConfig(jsExtension, config.bundle);
+  const bundleConfig = composeBundleConfig(
+    jsExtension,
+    redirect,
+    config.bundle,
+  );
   const targetConfig = composeTargetConfig(config.output?.target);
   const syntaxConfig = composeSyntaxConfig(
     config?.syntax,

packages/core/src/types/config/index.ts

@@ -49,19 +49,20 @@ export type BannerAndFooter = {
   dts?: string;
 };
 
-// export type Redirect = {
-//   alias?: boolean;
-//   style?: boolean;
-//   asset?: boolean;
-//   autoExtension?: boolean;
-// };
+export type Redirect = {
+  // TODO: others
+  // alias?: boolean;
+  style?: boolean;
+  // asset?: boolean;
+  // autoExtension?: boolean;
+};
 
 export interface LibConfig extends RsbuildConfig {
   bundle?: boolean;
   format?: Format;
   autoExtension?: boolean;
   autoExternal?: AutoExternal;
-  // redirect?: Redirect;
+  redirect?: Redirect;
   /** Support esX and browserslist query */
   syntax?: Syntax;
   externalHelpers?: boolean;

packages/lib-css-extract-loader/src/index.ts

@@ -193,18 +193,32 @@ export const pitch: LoaderDefinition['pitch'] = function (request, _, _data) {
 
     let importCssFiles = '';
 
-    // biome-ignore lint/complexity/noForEach: <explanation>
-    dependencies.forEach(({ content, filepath }) => {
-      const distFilepath = path
-        .relative(rootDir, filepath)
-        .replace(/\.module\.css/g, '_module.css');
+    function getRelativePath(from: string, to: string) {
+      let relativePath = path.relative(from, to);
+
+      if (
+        !relativePath.startsWith('./') &&
+        !relativePath.startsWith('../') &&
+        !path.isAbsolute(relativePath)
+      ) {
+        relativePath = `./${relativePath}`;
+      }
+
+      return relativePath;
+    }
 
-      console.log(distFilepath);
+    for (const { content, filepath } of dependencies) {
+      const distFilepath = getRelativePath(rootDir, filepath).replace(
+        /\.module\.css/g,
+        '_module.css',
+      );
+
+      console.log(rootDir, filepath, distFilepath, 111);
 
       this.emitFile(distFilepath, content);
       importCssFiles += '\n';
       importCssFiles += `import "${distFilepath}"`;
-    });
+    }
 
     resultSource += importCssFiles;