From ea2ebc29a00692ab07a11f555809e93236ed55b5 Mon Sep 17 00:00:00 2001
From: ClarkXia <xiawenwu41@gmail.com>
Date: Wed, 26 Oct 2022 15:46:42 +0800
Subject: [PATCH] fix: add transform include for non-js files (#599)

* fix: add transform include for non-js files

* fix: optimize code
---
 packages/style-import/src/index.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/style-import/src/index.ts b/packages/style-import/src/index.ts
index a1e2447d5..b7946c422 100644
--- a/packages/style-import/src/index.ts
+++ b/packages/style-import/src/index.ts
@@ -81,9 +81,12 @@ export default function importStylePlugin(options: TransformOptions) {
     name: 'transform-import-style',
     // Add plugin as a post plugin, so we do not need to deal with ts language.
     enforce: 'post',
-    async transform(code: string, id: string, transformOption: { isServer: Boolean }) {
+    transformInclude(id: string) {
       // Only transform source code.
-      if (transformOption.isServer || !code || !id.match(/\.(js|jsx|ts|tsx)$/) || id.match(/node_modules/)) {
+      return id.match(/\.(js|jsx|ts|tsx)$/) && !id.match(/node_modules/);
+    },
+    async transform(code: string, id: string, transformOption: { isServer: Boolean }) {
+      if (transformOption.isServer || !code) {
         return null;
       }
       return await importStyle(code, options);