fix(resolvers): fix library vant style sideEffects (unplugin#234)

Jungzl · web-flow · commit 863104627084 · 2021-12-06T19:29:26.000+08:00
diff --git a/examples/vite-vue3/package.json b/examples/vite-vue3/package.json
@@ -7,7 +7,7 @@
     "build": "cross-env DEBUG=unplugin-vue-components:* vite build"
   },
   "dependencies": {
-    "vant": "^3.2.1"
+    "vant": "^3.3.6"
   },
   "devDependencies": {
     "@iconify/json": "^1.1.396",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/core/resolvers/vant.ts b/src/core/resolvers/vant.ts
@@ -1,13 +1,28 @@
-import { ComponentResolver } from '../../types'
+import { ComponentResolver, SideEffectsInfo } from '../../types'
 import { kebabCase } from '../utils'
 
 export interface VantResolverOptions {
   /**
-   * import style along with components
+   * import style css or less along with components
    *
    * @default true
    */
-  importStyle?: boolean
+  importStyle?: boolean | 'css' | 'less'
+}
+
+function getSideEffects(dirName: string, options: VantResolverOptions): SideEffectsInfo | undefined {
+  const { importStyle = true } = options
+
+  if (!importStyle)
+    return
+
+  if (importStyle === 'less')
+    return `vant/es/${dirName}/style/less`
+
+  if (importStyle === 'css')
+    return `vant/es/${dirName}/style/index`
+
+  return `vant/es/${dirName}/style/index`
 }
 
 /**
@@ -19,14 +34,12 @@ export function VantResolver(options: VantResolverOptions = {}): ComponentResolv
   return {
     type: 'component',
     resolve: (name: string) => {
-      const { importStyle = true } = options
-
       if (name.startsWith('Van')) {
         const partialName = name.slice(3)
         return {
           importName: partialName,
           path: 'vant/es',
-          sideEffects: importStyle ? `vant/es/${kebabCase(partialName)}/style` : undefined,
+          sideEffects: getSideEffects(kebabCase(partialName), options),
         }
       }
     },
