"use strict"; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); exports.initPluginViteLegacyOptions = exports.initPluginVueJsxOptions = exports.initPluginVueOptions = exports.createPluginVueInstance = void 0; const fs_extra_1 = __importDefault(require("fs-extra")); const shared_1 = require("@vue/shared"); const uni_cli_shared_1 = require("@dcloudio/uni-cli-shared"); const utils_1 = require("../utils"); const uni_cli_shared_2 = require("@dcloudio/uni-cli-shared"); const pluginVuePath = require.resolve('@vitejs/plugin-vue'); const normalizedPluginVuePath = (0, uni_cli_shared_1.normalizePath)(pluginVuePath); /** * 每次创建新的 plugin-vue 实例。因为该插件内部会 cache descriptor,而相同的vue文件在编译到vue页面和nvue页面时,不能共享缓存(条件编译,css scoped等均不同) * @returns */ function createPluginVueInstance(options) { delete require.cache[pluginVuePath]; delete require.cache[normalizedPluginVuePath]; const vuePlugin = require('@vitejs/plugin-vue'); const vuePluginInstance = vuePlugin(options); if (process.env.NODE_ENV === 'development') { // 删除 buildEnd 逻辑,因为里边清理了缓存,导致 watch 模式失效 https://github.com/vitejs/vite-plugin-vue/commit/96dbb220ff210d2f7391f43a807bcd8cfb0da776 delete vuePluginInstance.buildEnd; } return vuePluginInstance; } exports.createPluginVueInstance = createPluginVueInstance; function initPluginVueOptions(options, UniVitePlugins, uniPluginOptions) { const vueOptions = options.vueOptions || (options.vueOptions = {}); // if (!hasOwn(vueOptions, 'reactivityTransform')) { // vueOptions.reactivityTransform = true // } if (!vueOptions.include) { vueOptions.include = []; } if (!(0, shared_1.isArray)(vueOptions.include)) { vueOptions.include = [vueOptions.include]; } vueOptions.include.push(uni_cli_shared_1.EXTNAME_VUE_RE); const styleOptions = vueOptions.style || (vueOptions.style = {}); if (!styleOptions.postcssPlugins) { styleOptions.postcssPlugins = []; } // 解析 scoped 中 deep 等特殊语法 styleOptions.postcssPlugins.push((0, uni_cli_shared_1.uniPostcssScopedPlugin)()); const templateOptions = vueOptions.template || (vueOptions.template = {}); const compilerOptions = templateOptions.compilerOptions || (templateOptions.compilerOptions = {}); compilerOptions.isX = process.env.UNI_APP_X === 'true'; const { compiler, styleOptions: { postcssPlugins }, compilerOptions: { miniProgram, isNativeTag, isCustomElement, nodeTransforms, directiveTransforms, whitespace, }, } = uniPluginOptions; if (postcssPlugins) { styleOptions.postcssPlugins.push(...postcssPlugins); } if (compiler) { templateOptions.compiler = compiler; } if (miniProgram) { ; compilerOptions.miniProgram = miniProgram; } if (isNativeTag) { const userIsNativeTag = compilerOptions.isNativeTag; compilerOptions.isNativeTag = (tag) => { if (isNativeTag(tag)) { return true; } if (userIsNativeTag && userIsNativeTag(tag)) { return true; } return false; }; } if (whitespace) { compilerOptions.whitespace = whitespace; } if (isCustomElement) { const userIsCustomElement = compilerOptions.isCustomElement; compilerOptions.isCustomElement = (tag) => { if (isCustomElement(tag)) { return true; } if (userIsCustomElement && userIsCustomElement(tag)) { return true; } return false; }; } compilerOptions.directiveTransforms = { ...compilerOptions.directiveTransforms, ...directiveTransforms, }; if (!compilerOptions.nodeTransforms) { compilerOptions.nodeTransforms = []; } // 合并 transformAssetUrls // 内置配置 const builtInTransformAssetUrls = (0, uni_cli_shared_1.createUniVueTransformAssetUrls)((0, uni_cli_shared_1.isExternalUrl)(options.base) ? options.base : ''); // 用户传递配置 eg: transformAssetUrls.tags = {'my-image': ['src']} // docs: https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue const userOptionsTransformAssetUrls = templateOptions.transformAssetUrls; templateOptions.transformAssetUrls = builtInTransformAssetUrls; if (typeof userOptionsTransformAssetUrls !== 'boolean' && !!userOptionsTransformAssetUrls?.tags && !Array.isArray(userOptionsTransformAssetUrls.tags)) { templateOptions.transformAssetUrls = { ...builtInTransformAssetUrls, ...userOptionsTransformAssetUrls, tags: { ...builtInTransformAssetUrls.tags, ...userOptionsTransformAssetUrls.tags, }, }; } if (options.platform !== 'h5' && options.platform !== 'web') { compilerOptions.nodeTransforms.push(...(0, uni_cli_shared_1.getBaseNodeTransforms)(options.base)); } if (nodeTransforms) { compilerOptions.nodeTransforms.push(...nodeTransforms); } // const compatConfig = parseCompatConfigOnce(options.inputDir) // compilerOptions.compatConfig = extend( // compilerOptions.compatConfig || {}, // compatConfig // ) // App,MP 平台不支持使用静态节点 compilerOptions.hoistStatic = false; compilerOptions.root = process.env.UNI_INPUT_DIR; const isX = process.env.UNI_APP_X === 'true'; // app-nvue | app-uvue 需要启用 customElement 机制来内联 styles if (process.env.UNI_COMPILER === 'nvue' || (isX && options.platform === 'app')) { vueOptions.customElement = true; if (process.env.UNI_RENDERER_NATIVE !== 'appService' || isX) { // nvue 需要使用自己的 compiler,来移除 scoped vueOptions.compiler = (0, utils_1.createNVueCompiler)(); } } if (!vueOptions.script) { vueOptions.script = {}; } // TODO 目前暂不支持通过@/开头引入文件,因为需要tsconfig.json配置,建议使用相对路径 // https://github.com/vuejs/core/blob/main/packages/compiler-sfc/src/script/resolveType.ts#L911 require('@vue/compiler-sfc').registerTS(() => { if (isX) { return (0, uni_cli_shared_2.resolveUniTypeScript)(); } return require('typescript'); }); if (!vueOptions.script.fs) { function resolveFile(file) { if (file.startsWith('@/')) { file = file.replace('@/', (0, uni_cli_shared_1.normalizePath)(process.env.UNI_INPUT_DIR)); } return file; } vueOptions.script.fs = { fileExists(file) { return fs_extra_1.default.existsSync(resolveFile(file)); }, readFile(file) { // 需要走条件编译 return (0, uni_cli_shared_1.preJs)(fs_extra_1.default.readFileSync(resolveFile(file), 'utf-8')); }, realpath(file) { return resolveFile(file); }, }; } if (isX) { if (!vueOptions.script) { vueOptions.script = { babelParserPlugins: [], }; } if (!vueOptions.script.babelParserPlugins) { vueOptions.script.babelParserPlugins = []; } if (!vueOptions.script.babelParserPlugins.includes('typescript')) { vueOptions.script.babelParserPlugins.push('typescript'); } // decorators or decorators-legacy if (!vueOptions.script.babelParserPlugins.includes('decorators')) { vueOptions.script.babelParserPlugins.push('decorators'); } } return vueOptions; } exports.initPluginVueOptions = initPluginVueOptions; function initPluginVueJsxOptions(options, { isCustomElement, }, jsxOptions) { const vueJsxOptions = (0, shared_1.isPlainObject)(options.vueJsxOptions) ? options.vueJsxOptions : (options.vueJsxOptions = {}); if (!(0, shared_1.hasOwn)(vueJsxOptions, 'optimize')) { vueJsxOptions.optimize = true; } vueJsxOptions.isCustomElement = isCustomElement; if (!vueJsxOptions.babelPlugins) { vueJsxOptions.babelPlugins = []; } if ((0, shared_1.isArray)(jsxOptions.babelPlugins)) { vueJsxOptions.babelPlugins.push(...jsxOptions.babelPlugins); } return vueJsxOptions; } exports.initPluginVueJsxOptions = initPluginVueJsxOptions; function initPluginViteLegacyOptions(options) { const viteLegacyOptions = options.viteLegacyOptions || (options.viteLegacyOptions = {}); return viteLegacyOptions; } exports.initPluginViteLegacyOptions = initPluginViteLegacyOptions;