feat: 鸿蒙配置添加是否支持css变量解析开关

Author: heiazu

packages/taro-vite-runner/src/harmony/postcss/compile.ts

@@ -31,7 +31,8 @@ export async function compileCSS(
   code: string,
   config: ResolvedConfig,
   urlReplacer?: CssUrlReplacer,
-  isGlobalModule ?: boolean
+  isGlobalModule ?: boolean,
+  cssVariable?: boolean
 ): Promise<{
     code: string
     map?: SourceMapInput
@@ -208,7 +209,9 @@ export async function compileCSS(
     )
   }
 
-  postcssPlugins.push((await import('postcss-css-variables')).default({}))
+  if (cssVariable !== true) {
+    postcssPlugins.push((await import('postcss-css-variables')).default({}))
+  }
 
   if (!postcssPlugins.length) {
     return {

packages/taro-vite-runner/src/harmony/style.ts

@@ -254,7 +254,7 @@ export async function stylePlugin(viteCompilerContext: ViteHarmonyCompilerContex
         modules,
         deps,
         map,
-      } = await compileCSS(id, raw, viteConfig, urlReplacer, isGlobalModule)
+      } = await compileCSS(id, raw, viteConfig, urlReplacer, isGlobalModule, taroConfig.cssVariables)
 
       // if (!cssCache.has(id)) {
 

packages/taro/types/compile/viteCompilerContext.d.ts

@@ -59,6 +59,7 @@ export interface ViteHarmonyBuildConfig extends CommonBuildConfig, IHarmonyConfi
   runtimePath?: string | string[]
   isPure?: boolean
   taroComponentsPath: string
+  cssVariables?: boolean  // 是否动态解析css变量
 }
 
 export interface CommonBuildConfig extends IProjectConfig<'vite'> {