fix: mkdtemp for nested path (#13)

Author: upupming

src/TailwindCSSRspackPlugin.ts

@@ -195,6 +195,12 @@ class TailwindRspackPluginImpl {
     });
   }
 
+  async ensureTempDir(entryName: string): Promise<string> {
+    const prefix = path.join(tmpdir(), entryName);
+    await mkdir(path.dirname(prefix), { recursive: true });
+    return await mkdtemp(prefix);
+  }
+
   async #prepareTailwindConfig(
     entryName: string,
     entryModules: Set<string>,
@@ -211,7 +217,7 @@ class TailwindRspackPluginImpl {
           '.rsbuild',
           entryName,
         )
-      : await mkdtemp(path.join(tmpdir(), entryName));
+      : await this.ensureTempDir(entryName);
 
     if (DEBUG) {
       await mkdir(outputDir, { recursive: true });

test/basic/index.test.ts

@@ -78,3 +78,37 @@ test('should not generate tailwind.config.js in dist/', async () => {
 
   expect(existsSync(resolve(__dirname, './dist/.rsbuild'))).toBeFalsy();
 });
+
+test('should dev with nested entry', async ({ page }) => {
+  const rsbuild = await createRsbuild({
+    cwd: __dirname,
+    rsbuildConfig: {
+      source: {
+        entry: {
+          'nested/output/folder/bundle': resolve(__dirname, './src/index.js'),
+        },
+      },
+      plugins: [pluginTailwindCSS()],
+      server: {
+        port: getRandomPort(),
+      },
+    },
+  });
+
+  const { server, urls } = await rsbuild.startDevServer();
+
+  await page.goto(`${urls[0]}/nested/output/folder/bundle`);
+
+  const display = await page.evaluate(() => {
+    const el = document.getElementById('test');
+    if (!el) {
+      throw new Error('#test not found');
+    }
+
+    return window.getComputedStyle(el).getPropertyValue('display');
+  });
+
+  expect(display).toBe('flex');
+
+  await server.close();
+});