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: qiankun主应用vite改造

Browse Source
This commit is contained in:
wanchun 2022-05-06 18:18:19 +08:00
parent 81d3405251
commit 116bf5f39a
4 changed files with 12 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -25,11 +25,11 @@ export default function (api) {
modifyRoutes({ api, namespace });
const absMicroAppPath = join(namespace, 'MicroApp.js');
const absMicroAppWithMemoHistoryPath = join(namespace, 'MicroAppWithMemoHistory.js');
const absMicroAppPath = join(namespace, 'MicroApp.jsx');
const absMicroAppWithMemoHistoryPath = join(namespace, 'MicroAppWithMemoHistory.jsx');
const absRuntimePath = join(namespace, 'runtime.js');
const absMasterOptionsPath = join(namespace, 'masterOptions.js');
const absGetMicroAppRouteCompPath = join(namespace, 'getMicroAppRouteComponent.js');
const absGetMicroAppRouteCompPath = join(namespace, 'getMicroAppRouteComponent.jsx');
api.onGenerateFiles(() => {
const HAS_PLUGIN_MODEL = api.hasPlugins(['@fesjs/plugin-model']);

0
packages/fes-plugin-qiankun/src/main/runtime/MicroAppWithMemoHistory.js → packages/fes-plugin-qiankun/src/main/runtime/MicroAppWithMemoHistory.jsx
View File

0
packages/fes-plugin-qiankun/src/main/runtime/getMicroAppRouteComponent.js → packages/fes-plugin-qiankun/src/main/runtime/getMicroAppRouteComponent.jsx
View File

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

@ -1,5 +1,4 @@
import assert from 'assert';
import address from 'address';
import { lodash } from '@fesjs/utils';
import { readFileSync } from 'fs';
import { join } from 'path';
@ -42,39 +41,8 @@ export default function (api) {
return modifiedDefaultConfig;
});
api.chainWebpack((config) => {
assert(api.pkg.name, 'You should have name in package.json');
config.output.libraryTarget('umd').library(`${api.pkg.name}-[name]`);
return config;
});
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 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) {
// 禁用 devtool，启用 SourceMapDevToolPlugin
memo.devtool(false);
memo.plugin('source-map').use(webpack.SourceMapDevToolPlugin, [
{
// @ts-ignore
namespace: api.pkg.name,
append: `\n//# sourceMappingURL=${protocol}://${localHostname}:${port}/[url]`,
filename: '[file].map',
},
]);
}
return memo;
});
}
const absRuntimePath = join(namespace, 'runtime.js');
const absLifeclesPath = join(namespace, 'lifecycles.js');
const absLifecyclesPath = join(namespace, 'lifecycles.js');
const absMicroOptionsPath = join(namespace, 'slaveOptions.js');
const absPublicPath = join(namespace, 'publicPath.js');
const absModelPath = join(namespace, 'qiankunModel.js');
@ -106,7 +74,7 @@ export default function (api) {
});
api.writeTmpFile({
path: absLifeclesPath,
path: absLifecyclesPath,
content: Mustache.render(readFileSync(join(__dirname, 'runtime/lifecycles.tpl'), 'utf-8'), {
HAS_PLUGIN_MODEL,
}),
@ -141,8 +109,14 @@ export default function (api) {
api.addRuntimePlugin(() => `@@/${absRuntimePath}`);
api.chainWebpack((config) => {
assert(api.pkg.name, 'You should have name in package.json');
config.output.libraryTarget('umd').library(`${api.pkg.name}-[name]`);
return config;
});
api.addEntryImports(() => ({
source: `@@/${absLifeclesPath}`,
source: `@@/${absLifecyclesPath}`,
specifier: '{ genMount as qiankun_genMount, genBootstrap as qiankun_genBootstrap, genUnmount as qiankun_genUnmount, genUpdate as qiankun_genUpdate }',
}));