226 lines
8.2 KiB
TypeScript
226 lines
8.2 KiB
TypeScript
|
import type { AliasOptions, Plugin } from 'vite';
|
||
|
|
|
||
|
|
import path from 'node:path';
|
||
|
|
import process from 'node:process';
|
||
|
|
import { fileURLToPath, URL } from 'node:url';
|
||
|
|
import mswMockPlugin from '@lingshu/vite-plugin-msw';
|
||
|
|
import sharePlugin from '@lingshu/vite-plugin-share';
|
||
|
|
import vue from '@vitejs/plugin-vue';
|
||
|
|
import vueJsx from '@vitejs/plugin-vue-jsx';
|
||
|
|
import { visualizer } from 'rollup-plugin-visualizer';
|
||
|
|
import UnoCSS from 'unocss/vite';
|
||
|
|
import { defineConfig } from 'vite';
|
||
|
|
|
||
|
|
function resolveAtSlashPlugin(): Plugin {
|
||
|
|
const lcdpSrc = fileURLToPath(new URL('./src', import.meta.url));
|
||
|
|
const designerSrc = fileURLToPath(new URL('../../packages/print-webapp/packages/designer/src', import.meta.url));
|
||
|
|
const designerPathToken = 'print-webapp/packages/designer';
|
||
|
|
const lcdpAnchor = path.join(lcdpSrc, 'main.ts');
|
||
|
|
const designerAnchor = path.join(designerSrc, 'index.js');
|
||
|
|
return {
|
||
|
|
name: 'lcdp-or-print-designer-at-slash-mobile',
|
||
|
|
enforce: 'pre',
|
||
|
|
async resolveId(source, importer) {
|
||
|
|
if (!source.startsWith('@/')) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
const sub = source.slice(2);
|
||
|
|
const normalizedImporter = (importer || '').replace(/\\/g, '/').split('?')[0];
|
||
|
|
const fromDesigner = normalizedImporter.includes(designerPathToken);
|
||
|
|
const anchor = fromDesigner ? designerAnchor : lcdpAnchor;
|
||
|
|
const resolved = await this.resolve(`./${sub}`, anchor, { skipSelf: true });
|
||
|
|
return resolved?.id ?? null;
|
||
|
|
},
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
export default defineConfig((configEnv) => {
|
||
|
|
const appSrcPath = fileURLToPath(new URL('./src/', import.meta.url));
|
||
|
|
const formDesignerSrcPath = fileURLToPath(new URL('../../packages/form-designer/src/', import.meta.url));
|
||
|
|
const businessModulePath = fileURLToPath(new URL('../../packages/business-module/src', import.meta.url));
|
||
|
|
const businessComponentsPath = fileURLToPath(new URL('../../packages/business-components/src/', import.meta.url));
|
||
|
|
const mobileRegisterIndexPath = fileURLToPath(new URL('../../packages/form-designer/src/config/register/mobile-index.ts', import.meta.url));
|
||
|
|
const mobileRegisterLoaderPath = fileURLToPath(new URL('../../packages/form-designer/src/config/register/loader.mobile.ts', import.meta.url));
|
||
|
|
// pc端组件库 shim
|
||
|
|
const minmetalsBizComponentsShimPath = fileURLToPath(new URL('./src/mobile-shims/minmetals-biz-components.ts', import.meta.url));
|
||
|
|
const minmetalsProComponentsShimPath = fileURLToPath(new URL('./src/mobile-shims/minmetals-pro-components.ts', import.meta.url));
|
||
|
|
const lingshuBpmComponentsShimPath = fileURLToPath(new URL('./src/mobile-shims/lingshu-bpm-components.ts', import.meta.url));
|
||
|
|
|
||
|
|
const alias: AliasOptions = [
|
||
|
|
{
|
||
|
|
find: /^~@\/config\/register$/,
|
||
|
|
replacement: mobileRegisterIndexPath,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
find: /^~@\/config\/register\/loader$/,
|
||
|
|
replacement: mobileRegisterLoaderPath,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
find: '@lingshu/business-module',
|
||
|
|
replacement: businessModulePath,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
find: /^@minmetals-ui\/biz-components$/,
|
||
|
|
replacement: minmetalsBizComponentsShimPath,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
find: /^@minmetals-ui\/pro-components$/,
|
||
|
|
replacement: minmetalsProComponentsShimPath,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
find: /^@lingshu\/bpm-components$/,
|
||
|
|
replacement: lingshuBpmComponentsShimPath,
|
||
|
|
},
|
||
|
|
// 拦截动态请求的 PC 端 CSS，直接指向移动端 Shim（避免 Rolldown 生成空 JS Chunk 导致 dist_exports 报错）
|
||
|
|
{
|
||
|
|
find: /^@lingshu\/bpm-components\/dist\/index\.css$/,
|
||
|
|
replacement: lingshuBpmComponentsShimPath,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
find: /^@minmetals-ui\/biz-components\/dist\/index\.css$/,
|
||
|
|
replacement: minmetalsBizComponentsShimPath,
|
||
|
|
},
|
||
|
|
// '@lingshu/core-utils': fileURLToPath(new URL('../../packages/core-utils/src/index.ts', import.meta.url)),
|
||
|
|
// '@lingshu/ai-agents': fileURLToPath(new URL('../../packages/ai-agents/src/index.ts', import.meta.url)),
|
||
|
|
// FIXME: 因以下依赖包暂未打包，临时采用声明别名引用源码
|
||
|
|
{
|
||
|
|
find: /^~@\//,
|
||
|
|
replacement: formDesignerSrcPath,
|
||
|
|
},
|
||
|
|
{
|
||
|
|
find: /^@busi-comp\//,
|
||
|
|
replacement: businessComponentsPath,
|
||
|
|
},
|
||
|
|
];
|
||
|
|
|
||
|
|
const envProjectName = process.env.projectName;
|
||
|
|
console.log('[LCDP Mobile Build]: projectName', envProjectName);
|
||
|
|
const baseName = `/micro/${envProjectName || 'mip-lcdp'}`;
|
||
|
|
|
||
|
|
return {
|
||
|
|
base: baseName,
|
||
|
|
define: {
|
||
|
|
'window.DEFAULT_PROJECT_NAME': JSON.stringify(`${envProjectName || 'mip-lcdp'}`),
|
||
|
|
'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
|
||
|
|
},
|
||
|
|
plugins: [
|
||
|
|
resolveAtSlashPlugin(),
|
||
|
|
vue(),
|
||
|
|
vueJsx(),
|
||
|
|
UnoCSS(),
|
||
|
|
mswMockPlugin(configEnv.mode),
|
||
|
|
sharePlugin(
|
||
|
|
configEnv,
|
||
|
|
{
|
||
|
|
debug: false,
|
||
|
|
proxy: true,
|
||
|
|
sharedCss: [
|
||
|
|
{
|
||
|
|
name: 'vant-cisdi',
|
||
|
|
paths: [
|
||
|
|
'lib/index.css',
|
||
|
|
],
|
||
|
|
pathsNotInMicro: [],
|
||
|
|
},
|
||
|
|
],
|
||
|
|
},
|
||
|
|
),
|
||
|
|
{
|
||
|
|
name: 'copy-html',
|
||
|
|
enforce: 'post',
|
||
|
|
generateBundle(options, bundle: any) {
|
||
|
|
const originalHtml = bundle['mobile.html'];
|
||
|
|
if (originalHtml) {
|
||
|
|
this.emitFile({
|
||
|
|
type: 'asset',
|
||
|
|
fileName: 'mobile/index.html',
|
||
|
|
source: originalHtml.source,
|
||
|
|
});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
...configEnv.mode === 'analyze' ? [visualizer({ filename: 'build-analyze-mobile.html', gzipSize: true })] : [],
|
||
|
|
],
|
||
|
|
oxc: {
|
||
|
|
define: {
|
||
|
|
'console.log': 'void 0',
|
||
|
|
'console.info': 'void 0',
|
||
|
|
'console.warn': 'void 0',
|
||
|
|
'console.debug': 'void 0',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
resolve: {
|
||
|
|
alias,
|
||
|
|
conditions: ['import', 'module', 'browser', 'default'],
|
||
|
|
},
|
||
|
|
optimizeDeps: {
|
||
|
|
// 排除 @lingshu/lowcode-create，因为它已经构建好了，直接使用 dist 目录中的文件
|
||
|
|
exclude: ['@lingshu/lowcode-create'],
|
||
|
|
},
|
||
|
|
build: {
|
||
|
|
cssMinify: 'esbuild',
|
||
|
|
sourcemap: false,
|
||
|
|
outDir: 'dist',
|
||
|
|
// 移动端构建不清空，因为通常是作为 PC 端的补充构建
|
||
|
|
emptyOutDir: false,
|
||
|
|
rollupOptions: {
|
||
|
|
input: {
|
||
|
|
'index': fileURLToPath(new URL('./mobile.html', import.meta.url)),
|
||
|
|
'single-spa-entry': fileURLToPath(new URL('./src/single-spa-entry.ts', import.meta.url)),
|
||
|
|
},
|
||
|
|
external: ['monaco-editor'],
|
||
|
|
output: {
|
||
|
|
// 移动端特有的输出路径
|
||
|
|
entryFileNames: (chunkInfo) => {
|
||
|
|
if (chunkInfo.name === 'single-spa-entry') {
|
||
|
|
return 'mobile/single-spa-entry.js';
|
||
|
|
}
|
||
|
|
return 'mobile/assets/[name]-[hash].js';
|
||
|
|
},
|
||
|
|
chunkFileNames: 'mobile/assets/[name]-[hash].js',
|
||
|
|
assetFileNames: 'mobile/assets/[name]-[hash].[ext]',
|
||
|
|
manualChunks(id) {
|
||
|
|
if (id.includes('node_modules')) {
|
||
|
|
if (id.includes('@minmetals-ui/mobile-biz-components')) {
|
||
|
|
return 'vendor-minmetals-mobile';
|
||
|
|
}
|
||
|
|
if (id.includes('element-plus') || id.includes('element-plus-cisdi')) {
|
||
|
|
return 'vendor-pc-ui';
|
||
|
|
}
|
||
|
|
if (
|
||
|
|
id.includes('@lingshu/communication')
|
||
|
|
|| id.includes('@lingshu/core-utils')
|
||
|
|
|| id.includes('@lingshu/integration-vue3')
|
||
|
|
|| id.includes('@lingshu/language-lib')
|
||
|
|
|| id.includes('@lingshu/theme-lib')
|
||
|
|
|| id.includes('@lingshu/icon')
|
||
|
|
|| id.includes('@minmetals/common-lib')
|
||
|
|
|| id.includes('@minmetals/tools')
|
||
|
|
) {
|
||
|
|
return 'vendor-runtime';
|
||
|
|
}
|
||
|
|
if (id.includes('@lingshu/bpm-api-service')) {
|
||
|
|
return 'vendor-bpm-api';
|
||
|
|
}
|
||
|
|
if (id.includes('@lingshu/') || id.includes('@minmetals/')) {
|
||
|
|
return 'vendor-shared';
|
||
|
|
}
|
||
|
|
return 'vendor-misc';
|
||
|
|
}
|
||
|
|
if (
|
||
|
|
id.includes('/packages/form-designer/src/')
|
||
|
|
|| id.includes('/packages/business-module/src/')
|
||
|
|
|| id.includes('/packages/business-components/src/')
|
||
|
|
) {
|
||
|
|
return 'pkg-mobile-app';
|
||
|
|
}
|
||
|
|
if (id.includes('/packages/core-utils/')) {
|
||
|
|
return 'pkg-core-utils';
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
});
|