blackteay/fes.js
1
0
Fork 0
mirror of https://github.com/WeBankFinTech/fes.js.git synced 2025-04-06 03:59:53 +08:00
Code Issues Projects Releases Wiki Activity

feat: 增加乾坤构建提示

Browse Source
This commit is contained in:
wanchun 2022-03-29 11:06:45 +08:00
parent 0816e25905
commit 59ca087b23
6 changed files with 90 additions and 123 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/fes-plugin-qiankun/package.json
View File

@ -41,5 +41,6 @@
"@fesjs/fes": "^2.0.0",
"@fesjs/fes-design": "^0.1.10",
"vue": "^3.0.5"
}
},
"typings": "./types.d.ts"
}

11
packages/fes-plugin-qiankun/src/index.js
View File

@ -5,16 +5,13 @@ export default (api) => {
schema(joi) {
return joi.object().keys({
micro: joi.object(),
main: joi.object()
main: joi.object(),
});
}
}
},
},
});
api.addRuntimePluginKey(() => 'qiankun');
api.registerPlugins([
require.resolve('./main'),
require.resolve('./micro')
]);
api.registerPlugins([require.resolve('./main'), require.resolve('./micro')]);
};

86
packages/fes-plugin-qiankun/src/main/index.js
View File

@ -1,34 +1,27 @@
import { readFileSync, existsSync } from 'fs';
import { join } from 'path';
import { resolvePkg } from '@fesjs/utils';
import {
defaultMainRootId,
defaultHistoryType,
qiankunStateForMicroModelNamespace
} from '../constants';
import { defaultMainRootId, defaultHistoryType, qiankunStateForMicroModelNamespace } from '../constants';
import modifyRoutes from './modifyRoutes';
const namespace = 'plugin-qiankun/main';
export function isMasterEnable(api) {
return (
!!api.userConfig?.qiankun?.main
|| !!process.env.INITIAL_QIANKUN_MAIN_OPTIONS
);
return !!api.userConfig?.qiankun?.main || !!process.env.INITIAL_QIANKUN_MAIN_OPTIONS;
}
export default function (api) {
const {
utils: { Mustache, winPath }
utils: { Mustache, winPath },
} = api;
api.describe({
enableBy: () => isMasterEnable(api)
enableBy: () => isMasterEnable(api),
});
api.modifyDefaultConfig(config => ({
api.modifyDefaultConfig((config) => ({
...config,
mountElementId: defaultMainRootId
mountElementId: defaultMainRootId,
}));
modifyRoutes({ api, namespace });
@ -37,58 +30,33 @@ export default function (api) {
const absMicroAppWithMemoHistoryPath = join(namespace, 'MicroAppWithMemoHistory.js');
const absRuntimePath = join(namespace, 'runtime.js');
const absMasterOptionsPath = join(namespace, 'masterOptions.js');
const absGetMicroAppRouteCompPath = join(
namespace,
'getMicroAppRouteComponent.js'
);
const absGetMicroAppRouteCompPath = join(namespace, 'getMicroAppRouteComponent.js');
api.onGenerateFiles(() => {
const HAS_PLUGIN_MODEL = api.hasPlugins(['@fesjs/plugin-model']);
api.writeTmpFile({
path: absMicroAppPath,
content: Mustache.render(
readFileSync(join(__dirname, 'runtime/MicroApp.tpl'), 'utf-8'),
{
qiankunStateForMicroModelNamespace,
HAS_PLUGIN_MODEL:
HAS_PLUGIN_MODEL
&& existsSync(
winPath(
join(
api.paths.absSrcPath,
'models/qiankunStateForMicro.js'
)
)
),
QIANKUN: resolvePkg('qiankun'),
LODASH_ES: resolvePkg('lodash-es')
}
)
content: Mustache.render(readFileSync(join(__dirname, 'runtime/MicroApp.tpl'), 'utf-8'), {
qiankunStateForMicroModelNamespace,
HAS_PLUGIN_MODEL: HAS_PLUGIN_MODEL && existsSync(winPath(join(api.paths.absSrcPath, 'models/qiankunStateForMicro.js'))),
QIANKUN: resolvePkg('qiankun'),
LODASH_ES: resolvePkg('lodash-es'),
}),
});
api.writeTmpFile({
path: absMicroAppWithMemoHistoryPath,
content: Mustache.render(
readFileSync(join(__dirname, 'runtime/MicroAppWithMemoHistory.tpl'), 'utf-8'),
{
}
)
content: Mustache.render(readFileSync(join(__dirname, 'runtime/MicroAppWithMemoHistory.tpl'), 'utf-8'), {}),
});
api.writeTmpFile({
path: absRuntimePath,
content: readFileSync(
join(__dirname, 'runtime/runtime.tpl'),
'utf-8'
)
content: readFileSync(join(__dirname, 'runtime/runtime.tpl'), 'utf-8'),
});
api.writeTmpFile({
path: absGetMicroAppRouteCompPath,
content: readFileSync(
join(__dirname, 'runtime/getMicroAppRouteComponent.tpl'),
'utf-8'
)
content: readFileSync(join(__dirname, 'runtime/getMicroAppRouteComponent.tpl'), 'utf-8'),
});
const { main: options } = api.config?.qiankun || {};
@ -98,34 +66,34 @@ export default function (api) {
path: absMasterOptionsPath,
content: `
let options = ${JSON.stringify({
masterHistoryType,
base,
...options
})};
masterHistoryType,
base,
...options,
})};
export const getMasterOptions = () => options;
export const setMasterOptions = (newOpts) => options = ({ ...options, ...newOpts });
`
`,
});
});
api.addPluginExports(() => [
{
specifiers: ['MicroApp'],
source: absMicroAppPath
}
source: absMicroAppPath,
},
]);
api.addPluginExports(() => [
{
specifiers: ['MicroAppWithMemoHistory'],
source: absMicroAppWithMemoHistoryPath
}
source: absMicroAppWithMemoHistoryPath,
},
]);
api.addPluginExports(() => [
{
specifiers: ['getMicroAppRouteComponent'],
source: absGetMicroAppRouteCompPath
}
source: absGetMicroAppRouteCompPath,
},
]);
}

18
packages/fes-plugin-qiankun/src/main/modifyRoutes.js
View File

@ -1,18 +1,16 @@
import { defaultHistoryType } from '../constants';
function getMicroApp(options) {
const {
key, microAppName, masterHistoryType, base, namespace, ...normalizedRouteProps
} = options;
const { key, microAppName, masterHistoryType, base, namespace, ...normalizedRouteProps } = options;
return `(() => {
const { getMicroAppRouteComponent } = require('@@/${namespace}/getMicroAppRouteComponent');
return getMicroAppRouteComponent({key: '${key}', appName: '${microAppName}', base: '${base}', masterHistoryType: '${masterHistoryType}', routeProps: ${JSON.stringify(normalizedRouteProps)} })
return getMicroAppRouteComponent({key: '${key}', appName: '${microAppName}', base: '${base}', masterHistoryType: '${masterHistoryType}', routeProps: ${JSON.stringify(
normalizedRouteProps,
)} })
})()`;
}
function modifyRoutesWithAttachMode({
routes, masterHistoryType, base, namespace
}) {
function modifyRoutesWithAttachMode({ routes, masterHistoryType, base, namespace }) {
const patchRoutes = (_routes) => {
if (_routes.length) {
_routes.forEach((route) => {
@ -22,7 +20,7 @@ function modifyRoutesWithAttachMode({
microAppName: route.meta.microApp,
masterHistoryType,
base,
namespace
namespace,
});
}
if (route.children?.length) {
@ -30,7 +28,7 @@ function modifyRoutesWithAttachMode({
routes: route.children,
masterHistoryType,
base,
namespace
namespace,
});
}
});
@ -51,7 +49,7 @@ export default function modifyRoutes({ api, namespace }) {
routes,
masterHistoryType,
base: base || '/',
namespace
namespace,
});
return routes;

76
packages/fes-plugin-qiankun/src/micro/index.js
View File

@ -8,39 +8,34 @@ import { qiankunStateFromMainModelNamespace } from '../constants';
const namespace = 'plugin-qiankun/micro';
export function isSlaveEnable(api) {
return (
!!api.userConfig?.qiankun?.micro
|| lodash.isEqual(api.userConfig?.qiankun, {})
|| !!process.env.INITIAL_QIANKUN_MIRCO_OPTIONS
);
return !!api.userConfig?.qiankun?.micro || lodash.isEqual(api.userConfig?.qiankun, {}) || !!process.env.INITIAL_QIANKUN_MIRCO_OPTIONS;
}
export default function (api) {
const {
utils: { Mustache }
utils: { Mustache },
} = api;
api.describe({
enableBy: () => isSlaveEnable(api)
enableBy: () => isSlaveEnable(api),
});
api.modifyDefaultConfig((memo) => {
const initialMicroOptions = {
devSourceMap: true,
...JSON.parse(process.env.INITIAL_QIANKUN_MIRCO_OPTIONS || '{}'),
...(memo.qiankun || {}).micro
...(memo.qiankun || {}).micro,
};
const modifiedDefaultConfig = {
...memo,
runtimePublicPath: true,
qiankun: {
...memo.qiankun,
slave: initialMicroOptions
}
slave: initialMicroOptions,
},
};
const shouldNotModifyDefaultBase = api.userConfig.qiankun?.slave?.shouldNotModifyDefaultBase
?? initialMicroOptions.shouldNotModifyDefaultBase;
const shouldNotModifyDefaultBase = api.userConfig.qiankun?.slave?.shouldNotModifyDefaultBase ?? initialMicroOptions.shouldNotModifyDefaultBase;
if (!shouldNotModifyDefaultBase) {
modifiedDefaultConfig.base = `/${api.pkg.name}`;
}
@ -57,19 +52,13 @@ export default function (api) {
const port = process.env.PORT;
// source-map 跨域设置
if (process.env.NODE_ENV === 'development' && port) {
const localHostname = process.env.USE_REMOTE_IP
? address.ip()
: process.env.HOST || 'localhost';
const localHostname = process.env.USE_REMOTE_IP ? address.ip() : process.env.HOST || 'localhost';
const protocol = process.env.HTTPS ? 'https' : 'http';
// TODO: 变更 webpack-dev-server websocket 默认监听地址
api.chainWebpack((memo, { webpack }) => {
// 开启了 devSourceMap 配置，默认为 true
if (
api.config.qiankun
&& api.config.qiankun.micro
&& api.config.qiankun.micro.devSourceMap !== false
) {
if (api.config.qiankun && api.config.qiankun.micro && api.config.qiankun.micro.devSourceMap !== false) {
// 禁用 devtool，启用 SourceMapDevToolPlugin
memo.devtool(false);
memo.plugin('source-map').use(webpack.SourceMapDevToolPlugin, [
@ -77,8 +66,8 @@ export default function (api) {
// @ts-ignore
namespace: api.pkg.name,
append: `\n//# sourceMappingURL=${protocol}://${localHostname}:${port}/[url]`,
filename: '[file].map'
}
filename: '[file].map',
},
]);
}
return memo;
@ -98,11 +87,15 @@ export default function (api) {
key: 'addExtraModels',
fn: () => {
const HAS_PLUGIN_MODEL = api.hasPlugins(['@fesjs/plugin-model']);
return HAS_PLUGIN_MODEL ? [{
absPath: `@@/${absModelPath}`,
namespace: qiankunStateFromMainModelNamespace
}] : [];
}
return HAS_PLUGIN_MODEL
? [
{
absPath: `@@/${absModelPath}`,
namespace: qiankunStateFromMainModelNamespace,
},
]
: [];
},
});
api.onGenerateFiles(() => {
@ -110,20 +103,14 @@ export default function (api) {
api.writeTmpFile({
path: absRuntimePath,
content: readFileSync(
join(__dirname, 'runtime/runtime.tpl'),
'utf-8'
)
content: readFileSync(join(__dirname, 'runtime/runtime.tpl'), 'utf-8'),
});
api.writeTmpFile({
path: absLifeclesPath,
content: Mustache.render(readFileSync(
join(__dirname, 'runtime/lifecycles.tpl'),
'utf-8'
), {
HAS_PLUGIN_MODEL
})
content: Mustache.render(readFileSync(join(__dirname, 'runtime/lifecycles.tpl'), 'utf-8'), {
HAS_PLUGIN_MODEL,
}),
});
api.writeTmpFile({
@ -133,24 +120,22 @@ export default function (api) {
__webpack_public_path__ = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__;
window.public_path = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__;
}
`
`,
});
api.writeTmpFile({
path: absMicroOptionsPath,
content: `
let options = ${JSON.stringify(
(api.config.qiankun || {}).micro || {}
)};
let options = ${JSON.stringify((api.config.qiankun || {}).micro || {})};
export const getSlaveOptions = () => options;
export const setSlaveOptions = (newOpts) => options = ({ ...options, ...newOpts });
`
`,
});
if (HAS_PLUGIN_MODEL) {
api.writeTmpFile({
path: absModelPath,
content: readFileSync(join(__dirname, 'runtime/qiankunModel.tpl'), 'utf-8')
content: readFileSync(join(__dirname, 'runtime/qiankunModel.tpl'), 'utf-8'),
});
}
});
@ -159,8 +144,7 @@ export default function (api) {
api.addEntryImports(() => ({
source: `@@/${absLifeclesPath}`,
specifier:
'{ genMount as qiankun_genMount, genBootstrap as qiankun_genBootstrap, genUnmount as qiankun_genUnmount, genUpdate as qiankun_genUpdate }'
specifier: '{ genMount as qiankun_genMount, genBootstrap as qiankun_genBootstrap, genUnmount as qiankun_genUnmount, genUpdate as qiankun_genUpdate }',
}));
api.addEntryCode(
@ -173,6 +157,6 @@ export const update = qiankun_genUpdate();
if (!window.__POWERED_BY_QIANKUN__) {
bootstrap().then(mount);
}
`
`,
);
}

19
packages/fes-plugin-qiankun/types.d.ts vendored Normal file
View File

@ -0,0 +1,19 @@
import { FrameworkLifeCycles, MicroApp } from 'qiankun';
interface AppOption {
name: string;
entry: string;
props: Record<string, any>;
}
export interface QiankunBuildConfig {
qiankun: {
main: {
apps: AppOption[];
lifeCycles?: FrameworkLifeCycles<MicroApp>;
[key: string]: any;
};
micro: {}
};
}