fix: asset paths in dev mode (#71)

rspack-contrib · Aug 13, 2024 · 4cf5835 · 4cf5835
1 parent 969db62
commit 4cf5835
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/builder-rsbuild/src/preview/iframe-rsbuild.config.ts b/packages/builder-rsbuild/src/preview/iframe-rsbuild.config.ts
@@ -201,6 +201,7 @@ export default async (
   const merged = mergeRsbuildConfig(contentFromConfig, {
     output: {
       cleanDistPath: false,
+      assetPrefix: '/',
       dataUriLimit: {
         media: 10000,
       },
@@ -221,7 +222,6 @@ export default async (
         font: resourceFilename,
         media: resourceFilename,
       },
-      assetPrefix: '/',
       externals,
     },
     server: {
@@ -230,7 +230,6 @@ export default async (
       publicDir: false,
     },
     dev: {
-      assetPrefix: '',
       progressBar: !quiet,
     },
     source: {
@@ -291,6 +290,13 @@ export default async (
         config.watchOptions = {
           ignored: /node_modules/,
         }
+
+        if (!isProd) {
+          // Using publicPath here to force drop slash in assetPrefix.
+          config.output = config.output || {}
+          config.output.publicPath = ''
+        }
+
         config.ignoreWarnings = [
           ...(config.ignoreWarnings || []),
           /export '\S+' was not found in 'global'/,