fix(dev): always rewrite css-derived assets

remix-run · Jul 14, 2023 · 2ff094a · 2ff094a
1 parent 76d3eb9
commit 2ff094a
Showing 1 changed file with 14 additions and 8 deletions.
diff --git a/packages/remix-dev/compiler/plugins/cssImports.ts b/packages/remix-dev/compiler/plugins/cssImports.ts
@@ -50,7 +50,12 @@ export function cssFilePlugin(ctx: Context): esbuild.Plugin {
       build.onLoad({ filter: /\.css$/ }, async (args) => {
         let cacheKey = `css-file:${args.path}`;
         let {
-          cacheValue: { contents, watchFiles, warnings },
+          cacheValue: {
+            contents,
+            watchFiles,
+            warnings,
+            outputFilesWithoutEntry,
+          },
         } = await ctx.fileWatchCache.getOrSet(cacheKey, async () => {
           let fileDependencies = new Set([args.path]);
           let globDependencies = new Set<string>();
@@ -166,25 +171,26 @@ export function cssFilePlugin(ctx: Context): esbuild.Plugin {
             }
           }
 
-          // write all assets
-          await Promise.all(
-            outputFilesWithoutEntry.map(({ path: filepath, contents }) =>
-              fse.outputFile(filepath, contents)
-            )
-          );
-
           return {
             cacheValue: {
               contents: entryFile.contents,
               // add all dependencies to watchFiles
               watchFiles: Array.from(fileDependencies),
               warnings,
+              outputFilesWithoutEntry,
             },
             fileDependencies,
             globDependencies,
           };
         });
 
+        // write all assets
+        await Promise.all(
+          outputFilesWithoutEntry.map(({ path: filepath, contents }) =>
+            fse.outputFile(filepath, contents)
+          )
+        );
+
         return {
           contents,
           loader: "file",