fix: support postcss .pcss extension (#3130)

vitejs · Apr 25, 2021 · 6d602a0 · 6d602a0
1 parent 0f09eaf
commit 6d602a0
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/packages/vite/client.d.ts b/packages/vite/client.d.ts
@@ -105,6 +105,11 @@ declare module '*.stylus' {
   export default css
 }
 
+declare module '*.pcss' {
+  const css: string
+  export default css
+}
+
 // Built-in asset types
 // see `src/constants.ts`
 

diff --git a/packages/vite/src/node/optimizer/esbuildDepPlugin.ts b/packages/vite/src/node/optimizer/esbuildDepPlugin.ts
@@ -19,6 +19,7 @@ const externalTypes = [
   'scss',
   'styl',
   'stylus',
+  'pcss',
   'postcss',
   // known SFC types
   'vue',

diff --git a/packages/vite/src/node/optimizer/scan.ts b/packages/vite/src/node/optimizer/scan.ts
@@ -310,7 +310,7 @@ function esbuildScanPlugin(
       // css & json
       build.onResolve(
         {
-          filter: /\.(css|less|sass|scss|styl|stylus|postcss|json)$/
+          filter: /\.(css|less|sass|scss|styl|stylus|pcss|postcss|json)$/
         },
         externalUnlessEntry
       )

diff --git a/packages/vite/src/node/plugins/css.ts b/packages/vite/src/node/plugins/css.ts
@@ -79,7 +79,7 @@ export interface CSSModulesOptions {
     | null
 }
 
-const cssLangs = `\\.(css|less|sass|scss|styl|stylus|postcss)($|\\?)`
+const cssLangs = `\\.(css|less|sass|scss|styl|stylus|pcss|postcss)($|\\?)`
 const cssLangRE = new RegExp(cssLangs)
 const cssModuleRE = new RegExp(`\\.module${cssLangs}`)
 const directRequestRE = /(\?|&)direct\b/