options.ts 3.1 KB
Newer Older
fxy060608's avatar
fxy060608 已提交
1
import { hasOwn, isArray, isPlainObject } from '@vue/shared'
fxy060608's avatar
fxy060608 已提交
2
import { TemplateCompiler } from '@vue/compiler-sfc'
fxy060608's avatar
fxy060608 已提交
3 4 5
import {
  EXTNAME_VUE_RE,
  UniVitePlugin,
fxy060608's avatar
fxy060608 已提交
6
  uniPostcssScopedPlugin,
fxy060608's avatar
fxy060608 已提交
7
  createUniVueTransformAssetUrls,
fxy060608's avatar
fxy060608 已提交
8
  onContextCreated,
fxy060608's avatar
fxy060608 已提交
9
} from '@dcloudio/uni-cli-shared'
fxy060608's avatar
fxy060608 已提交
10

11 12
import { VitePluginUniResolvedOptions } from '..'

fxy060608's avatar
fxy060608 已提交
13 14
export function initPluginVueOptions(
  options: VitePluginUniResolvedOptions,
fxy060608's avatar
fxy060608 已提交
15
  UniVitePlugins: UniVitePlugin[],
fxy060608's avatar
fxy060608 已提交
16 17 18 19 20
  uniPluginOptions: Required<
    Omit<Required<UniVitePlugin>['uni'], 'compiler'>
  > & {
    compiler?: TemplateCompiler
  }
fxy060608's avatar
fxy060608 已提交
21
) {
22
  const vueOptions = options.vueOptions || (options.vueOptions = {})
fxy060608's avatar
fxy060608 已提交
23 24 25 26 27 28 29 30
  if (!vueOptions.include) {
    vueOptions.include = []
  }
  if (!isArray(vueOptions.include)) {
    vueOptions.include = [vueOptions.include]
  }
  vueOptions.include.push(EXTNAME_VUE_RE)

fxy060608's avatar
fxy060608 已提交
31 32 33 34 35 36 37
  const styleOptions = vueOptions.style || (vueOptions.style = {})
  if (!styleOptions.postcssPlugins) {
    styleOptions.postcssPlugins = []
  }
  // 解析 scoped 中 deep 等特殊语法
  styleOptions.postcssPlugins.push(uniPostcssScopedPlugin())

38 39
  const templateOptions = vueOptions.template || (vueOptions.template = {})

fxy060608's avatar
fxy060608 已提交
40 41 42 43
  templateOptions.transformAssetUrls = createUniVueTransformAssetUrls(
    options.base
  )

44 45
  const compilerOptions =
    templateOptions.compilerOptions || (templateOptions.compilerOptions = {})
fxy060608's avatar
fxy060608 已提交
46

fxy060608's avatar
fxy060608 已提交
47
  const {
fxy060608's avatar
fxy060608 已提交
48
    compiler,
fxy060608's avatar
fxy060608 已提交
49
    compilerOptions: {
fxy060608's avatar
fxy060608 已提交
50
      miniProgram,
fxy060608's avatar
fxy060608 已提交
51 52 53 54 55
      isNativeTag,
      isCustomElement,
      nodeTransforms,
      directiveTransforms,
    },
fxy060608's avatar
fxy060608 已提交
56
  } = uniPluginOptions
fxy060608's avatar
fxy060608 已提交
57 58 59
  if (compiler) {
    templateOptions.compiler = compiler
  }
fxy060608's avatar
fxy060608 已提交
60 61 62
  if (miniProgram) {
    ;(compilerOptions as any).miniProgram = miniProgram
  }
fxy060608's avatar
fxy060608 已提交
63 64
  compilerOptions.isNativeTag = isNativeTag
  compilerOptions.isCustomElement = isCustomElement
fxy060608's avatar
fxy060608 已提交
65 66 67 68 69
  ;(compilerOptions as any).onContextCreated = onContextCreated

  compilerOptions.directiveTransforms = {
    ...compilerOptions.directiveTransforms,
    ...directiveTransforms,
fxy060608's avatar
fxy060608 已提交
70 71
  }

72 73 74
  if (!compilerOptions.nodeTransforms) {
    compilerOptions.nodeTransforms = []
  }
fxy060608's avatar
fxy060608 已提交
75 76 77
  if (nodeTransforms) {
    compilerOptions.nodeTransforms.push(...nodeTransforms)
  }
78

fxy060608's avatar
fxy060608 已提交
79
  // const compatConfig = parseCompatConfigOnce(options.inputDir)
80

fxy060608's avatar
fxy060608 已提交
81 82 83 84
  // compilerOptions.compatConfig = extend(
  //   compilerOptions.compatConfig || {},
  //   compatConfig
  // )
fxy060608's avatar
fxy060608 已提交
85

fxy060608's avatar
fxy060608 已提交
86 87
  // App,MP 平台不支持使用静态节点
  compilerOptions.hoistStatic = false
88 89
  return vueOptions
}
fxy060608's avatar
fxy060608 已提交
90

fxy060608's avatar
fxy060608 已提交
91 92 93 94 95 96
export function initPluginVueJsxOptions(
  options: VitePluginUniResolvedOptions,
  {
    isCustomElement,
  }: Required<Required<UniVitePlugin>['uni']>['compilerOptions']
) {
fxy060608's avatar
fxy060608 已提交
97 98 99
  const vueJsxOptions = isPlainObject(options.vueJsxOptions)
    ? options.vueJsxOptions
    : (options.vueJsxOptions = {})
fxy060608's avatar
fxy060608 已提交
100 101 102
  if (!hasOwn(vueJsxOptions, 'optimize')) {
    vueJsxOptions.optimize = true
  }
fxy060608's avatar
fxy060608 已提交
103
  vueJsxOptions.isCustomElement = isCustomElement as (tag: string) => boolean
fxy060608's avatar
fxy060608 已提交
104 105 106 107 108 109 110 111 112 113
  return vueJsxOptions
}

export function initPluginViteLegacyOptions(
  options: VitePluginUniResolvedOptions
) {
  const viteLegacyOptions =
    options.viteLegacyOptions || (options.viteLegacyOptions = {})
  return viteLegacyOptions
}