fix: proxy file when dev (#940)

snowpack/src/commands/dev.ts

@@ -489,16 +489,17 @@ export async function command(commandOptions: CommandOptions) {
      * return a JS representation of that CSS. This is handled in the wrap step.
      */
     async function wrapResponse(
-      code: string,
+      code: string | Buffer,
       {
         hasCssResource,
         sourceMap,
         sourceMappingURL,
       }: {hasCssResource: boolean; sourceMap?: string; sourceMappingURL: string},
     ) {
       // transform special requests
+      const stringCode = code as string;
       if (isRoute) {
-        code = wrapHtmlResponse({code: code, hmr: isHmr, config, mode: 'development'});
+        code = wrapHtmlResponse({code: stringCode, hmr: isHmr, config, mode: 'development'});
       } else if (isProxyModule) {
         responseFileExt = '.js';
       } else if (isSourceMap && sourceMap) {
@@ -509,14 +510,14 @@ export async function command(commandOptions: CommandOptions) {
       // transform other files
       switch (responseFileExt) {
         case '.css': {
-          if (sourceMap) code = cssSourceMappingURL(code, sourceMappingURL);
+          if (sourceMap) code = cssSourceMappingURL(stringCode, sourceMappingURL);
           break;
         }
         case '.js': {
           if (isProxyModule) {
             code = await wrapImportProxy({url: reqPath, code, hmr: isHmr, config});
           } else {
-            code = wrapImportMeta({code, env: true, hmr: isHmr, config});
+            code = wrapImportMeta({code: stringCode, env: true, hmr: isHmr, config});
           }
 
           if (hasCssResource)
@@ -626,7 +627,21 @@ If Snowpack is having trouble detecting the import, add ${colors.bold(
       }
       // Wrap the response.
       const {code, map} = output[requestedFileExt];
-      if (typeof code !== 'string') return code; // return binary files as-is
+      if (typeof code !== 'string' && !isProxyModule) return code; // return binary files as-is
+      let finalResponse = code;
+
+      // Resolve imports.
+      if (
+        requestedFileExt === '.js' ||
+        requestedFileExt === '.html' ||
+        requestedFileExt === '.css'
+      ) {
+        finalResponse = await resolveResponseImports(
+          fileLoc,
+          requestedFileExt,
+          finalResponse as string,
+        );
+      }
 
       const hasAttachedCss = requestedFileExt === '.js' && !!output['.css'];
       let wrappedResponse = await wrapResponse(code, {