options.ts 3.3 KB
Newer Older
fxy060608's avatar
fxy060608 已提交
1
import { hasOwn, isArray, isPlainObject } from '@vue/shared'
fxy060608's avatar
fxy060608 已提交
2
import type { 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,
8 9
  getBaseNodeTransforms,
  isExternalUrl,
fxy060608's avatar
fxy060608 已提交
10
} from '@dcloudio/uni-cli-shared'
fxy060608's avatar
fxy060608 已提交
11

12 13
import { VitePluginUniResolvedOptions } from '..'

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

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

39 40 41 42
  const templateOptions = vueOptions.template || (vueOptions.template = {})

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

fxy060608's avatar
fxy060608 已提交
44
  const {
fxy060608's avatar
fxy060608 已提交
45
    compiler,
fxy060608's avatar
fxy060608 已提交
46
    compilerOptions: {
fxy060608's avatar
fxy060608 已提交
47
      miniProgram,
fxy060608's avatar
fxy060608 已提交
48 49 50 51 52
      isNativeTag,
      isCustomElement,
      nodeTransforms,
      directiveTransforms,
    },
fxy060608's avatar
fxy060608 已提交
53
  } = uniPluginOptions
54

fxy060608's avatar
fxy060608 已提交
55 56 57
  if (compiler) {
    templateOptions.compiler = compiler
  }
fxy060608's avatar
fxy060608 已提交
58 59 60
  if (miniProgram) {
    ;(compilerOptions as any).miniProgram = miniProgram
  }
fxy060608's avatar
fxy060608 已提交
61 62
  compilerOptions.isNativeTag = isNativeTag
  compilerOptions.isCustomElement = isCustomElement
fxy060608's avatar
fxy060608 已提交
63 64 65 66

  compilerOptions.directiveTransforms = {
    ...compilerOptions.directiveTransforms,
    ...directiveTransforms,
fxy060608's avatar
fxy060608 已提交
67 68
  }

69 70 71
  if (!compilerOptions.nodeTransforms) {
    compilerOptions.nodeTransforms = []
  }
72 73 74 75 76 77 78 79 80 81 82 83
  if (options.platform === 'h5') {
    templateOptions.transformAssetUrls = createUniVueTransformAssetUrls(
      isExternalUrl(options.base) ? options.base : ''
    )
  } else {
    // 替换内置的 transformAssetUrls 逻辑
    templateOptions.transformAssetUrls = {
      tags: {},
    }
    compilerOptions.nodeTransforms.push(...getBaseNodeTransforms(options.base))
  }

fxy060608's avatar
fxy060608 已提交
84 85 86
  if (nodeTransforms) {
    compilerOptions.nodeTransforms.push(...nodeTransforms)
  }
87

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

fxy060608's avatar
fxy060608 已提交
90 91 92 93
  // compilerOptions.compatConfig = extend(
  //   compilerOptions.compatConfig || {},
  //   compatConfig
  // )
fxy060608's avatar
fxy060608 已提交
94

fxy060608's avatar
fxy060608 已提交
95 96
  // App,MP 平台不支持使用静态节点
  compilerOptions.hoistStatic = false
97 98
  return vueOptions
}
fxy060608's avatar
fxy060608 已提交
99

fxy060608's avatar
fxy060608 已提交
100 101 102 103 104 105
export function initPluginVueJsxOptions(
  options: VitePluginUniResolvedOptions,
  {
    isCustomElement,
  }: Required<Required<UniVitePlugin>['uni']>['compilerOptions']
) {
fxy060608's avatar
fxy060608 已提交
106 107 108
  const vueJsxOptions = isPlainObject(options.vueJsxOptions)
    ? options.vueJsxOptions
    : (options.vueJsxOptions = {})
fxy060608's avatar
fxy060608 已提交
109 110 111
  if (!hasOwn(vueJsxOptions, 'optimize')) {
    vueJsxOptions.optimize = true
  }
fxy060608's avatar
fxy060608 已提交
112
  vueJsxOptions.isCustomElement = isCustomElement as (tag: string) => boolean
fxy060608's avatar
fxy060608 已提交
113 114 115 116 117 118 119 120 121 122
  return vueJsxOptions
}

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