fix: use loader from config for postcss (#744)

egoist · Oct 17, 2022 · 48b3381 · 48b3381 · vercel · Oct 17, 2022
1 parent fd0d787
commit 48b3381
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/esbuild/index.ts b/src/esbuild/index.ts
@@ -160,7 +160,7 @@ export async function runEsbuild(
     }),
     options.tsconfigDecoratorMetadata && swcPlugin({ logger }),
     nativeNodeModulesPlugin(),
-    postcssPlugin({ css, inject: options.injectStyle }),
+    postcssPlugin({ css, inject: options.injectStyle, cssLoader: loader['.css'] }),
     sveltePlugin({ css }),
     ...(options.esbuildPlugins || []),
   ]

diff --git a/src/esbuild/postcss.ts b/src/esbuild/postcss.ts
@@ -1,14 +1,16 @@
 import fs from 'fs'
 import path from 'path'
-import { Plugin, transform } from 'esbuild'
+import { Loader, Plugin, transform } from 'esbuild'
 import { getPostcss } from '../utils'
 
 export const postcssPlugin = ({
   css,
   inject,
+  cssLoader,
 }: {
   css?: Map<string, string>
   inject?: boolean
+  cssLoader?: Loader
 }): Plugin => {
   return {
     name: 'postcss',
@@ -132,7 +134,7 @@ export const postcssPlugin = ({
 
         return {
           contents,
-          loader: 'css',
+          loader: cssLoader ?? 'css',
         }
       })
     },