feat(varlet-ui): support styleExtname option

unplugin · Feb 18, 2024 · e97499a · e97499a
1 parent aeaf51d
commit e97499a
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/src/core/resolvers/varlet-ui.ts b/src/core/resolvers/varlet-ui.ts
@@ -17,6 +17,13 @@ export interface VarletUIResolverOptions {
    */
   importStyle?: boolean | 'css' | 'less'
 
+  /**
+   * style entry file extname
+   *
+   * @default '.mjs'
+   */
+  styleExtname?: string
+
   /**
    * auto import for directives
    *
@@ -48,10 +55,11 @@ const varDirectives = ['Ripple', 'Lazy', 'Hover']
 export function getResolved(name: string, options: VarletUIResolverOptions): ComponentResolveResult {
   const {
     importStyle = 'css',
-    importCss = true,
-    importLess,
+    styleExtname = '.mjs',
     autoImport = false,
     version = 'vue3',
+    importCss = true,
+    importLess,
   } = options
 
   const path = version === 'vue2' ? '@varlet-vue2/ui' : '@varlet/ui'
@@ -61,7 +69,7 @@ export function getResolved(name: string, options: VarletUIResolverOptions): Com
     if (importStyle === 'less' || importLess)
       sideEffects.push(`${path}/es/${kebabCase(name)}/style/less`)
     else
-      sideEffects.push(`${path}/es/${kebabCase(name)}/style/index`)
+      sideEffects.push(`${path}/es/${kebabCase(name)}/style/index${styleExtname}`)
   }
 
   return {