Extract Astro styles to external stylesheets (#43)

* Extract Astro styles to external stylesheets

* Require relative URLs in Markdown layouts

1 files changed, 6 insertions, 2 deletions

diff --git a/snowpack-plugin.cjs b/snowpack-plugin.cjs
index dcb714ea6..4a4db8efd 100644
--- a/snowpack-plugin.cjs
+++ b/snowpack-plugin.cjs
@@ -9,7 +9,7 @@ module.exports = function (snowpackConfig, { resolve, extensions, astroConfig }
     knownEntrypoints: ['deepmerge'],
     resolve: {
       input: ['.astro', '.md'],
-      output: ['.js'],
+      output: ['.js', '.css'],
     },
     async load({ filePath }) {
       const { compileComponent } = await transformPromise;
@@ -21,7 +21,11 @@ module.exports = function (snowpackConfig, { resolve, extensions, astroConfig }
         extensions,
       };
       const result = await compileComponent(contents, { compileOptions, filename: filePath, projectRoot });
-      return result.contents;
+      const output = {
+        '.js': result.contents,
+      };
+      if (result.css) output['.css'] = result.css;
+      return output;
     },
   };
 };