Revert "fix(vite): Support fileReplacements for devServer" (#14104)

packages/vite/plugins/rollup-replace-files.plugin.ts

@@ -1,6 +1,5 @@
 // source: https://github.com/Myrmod/vitejs-theming/blob/master/build-plugins/rollup/replace-files.js
 
-import * as fs from 'fs';
 import { resolve } from 'path';
 
 /**
@@ -15,7 +14,11 @@ export default function replaceFiles(replacements: FileReplacement[]) {
   return {
     name: 'rollup-plugin-replace-files',
     enforce: 'pre',
-    async transform(code, id) {
+    async resolveId(source, importer, options) {
+      const resolved = await this.resolve(source, importer, {
+        ...options,
+        skipSelf: true,
+      });
       /**
        * The reason we're using endsWith here is because the resolved id
        * will be the absolute path to the file. We want to check if the
@@ -24,23 +27,23 @@ export default function replaceFiles(replacements: FileReplacement[]) {
        */
 
       const foundReplace = replacements.find((replacement) =>
-        id.endsWith(replacement.replace)
+        resolved?.id?.endsWith(replacement.replace)
       );
       if (foundReplace) {
         console.info(
           `replace "${foundReplace.replace}" with "${foundReplace.with}"`
         );
         try {
           // return new file content
-          return fs
-            .readFileSync(id.replace(foundReplace.replace, foundReplace.with))
-            .toString();
+          return {
+            id: foundReplace.with,
+          };
         } catch (err) {
           console.error(err);
-          return code;
+          return null;
         }
       }
-      return code;
+      return null;
     },
   };
 }