212 lines
8.8 KiB
JavaScript
212 lines
8.8 KiB
JavaScript
"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;
|