fix: provide build load fallback for arbitrary request with queries

vitejs · Jul 23, 2021 · f097aa1 · aleclarson · Oct 12, 2021 · f097aa1
1 parent 41a00df
commit f097aa1
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 2 deletions.
diff --git a/packages/vite/src/node/build.ts b/packages/vite/src/node/build.ts
@@ -40,6 +40,7 @@ import { isCSSRequest } from './plugins/css'
 import { DepOptimizationMetadata } from './optimizer'
 import { scanImports } from './optimizer/scan'
 import { assetImportMetaUrlPlugin } from './plugins/assetImportMetaUrl'
+import { loadFallbackPlugin } from './plugins/loadFallback'
 
 export interface BuildOptions {
   /**
@@ -289,7 +290,8 @@ export function resolveBuildPlugins(config: ResolvedConfig): {
         : []),
       ...(options.manifest ? [manifestPlugin(config)] : []),
       ...(options.ssrManifest ? [ssrManifestPlugin(config)] : []),
-      buildReporterPlugin(config)
+      buildReporterPlugin(config),
+      loadFallbackPlugin()
     ]
   }
 }

diff --git a/packages/vite/src/node/plugins/css.ts b/packages/vite/src/node/plugins/css.ts
@@ -306,7 +306,7 @@ export function cssPostPlugin(config: ResolvedConfig): Plugin {
         map: { mappings: '' },
         // avoid the css module from being tree-shaken so that we can retrieve
         // it in renderChunk()
-        moduleSideEffects: 'no-treeshake'
+        moduleSideEffects: inlined ? false : 'no-treeshake'
       }
     },
 

diff --git a/packages/vite/src/node/plugins/loadFallback.ts b/packages/vite/src/node/plugins/loadFallback.ts
@@ -0,0 +1,16 @@
+import { promises as fs } from 'fs'
+import { Plugin } from '..'
+import { cleanUrl } from '../utils'
+
+export function loadFallbackPlugin(): Plugin {
+  return {
+    name: 'load-fallback',
+    async load(id) {
+      try {
+        return fs.readFile(cleanUrl(id), 'utf-8')
+      } catch (e) {
+        return fs.readFile(id, 'utf-8')
+      }
+    }
+  }
+}