routesToJSON.js
5.04 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = _default;
function _react() {
const data = _interopRequireDefault(require("react"));
_react = function _react() {
return data;
};
return data;
}
function _utils() {
const data = require("@umijs/utils");
_utils = function _utils() {
return data;
};
return data;
}
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
const SEPARATOR = '^^^';
const EMPTY_PATH = '_'; // TODO:
// 1. support dynamic import (and levels)
// 2. require().default -> import in production? (for tree-shaking)
function _default({
routes,
config,
cwd,
isServer
}) {
// 因为要往 routes 里加无用的信息,所以必须 deep clone 一下,避免污染
const clonedRoutes = _utils().lodash.cloneDeep(routes);
if (config.dynamicImport) {
patchRoutes(clonedRoutes);
}
function patchRoutes(routes) {
routes.forEach(patchRoute);
}
function patchRoute(route) {
if (route.component && !isFunctionComponent(route.component)) {
const webpackChunkName = (0, _utils().routeToChunkName)({
route,
cwd
}); // 解决 SSR 开启动态加载后,页面闪烁问题
if (isServer && (config === null || config === void 0 ? void 0 : config.dynamicImport)) {
route._chunkName = webpackChunkName;
}
route.component = [route.component, webpackChunkName, route.path || EMPTY_PATH].join(SEPARATOR);
}
if (route.routes) {
patchRoutes(route.routes);
}
}
function isFunctionComponent(component) {
return /^\((.+)?\)(\s+)?=>/.test(component) || /^function([^\(]+)?\(([^\)]+)?\)([^{]+)?{/.test(component);
}
function replacer(key, value) {
switch (key) {
case 'component':
if (isFunctionComponent(value)) return value;
if (config.dynamicImport) {
const _value$split = value.split(SEPARATOR),
_value$split2 = _slicedToArray(_value$split, 2),
component = _value$split2[0],
webpackChunkName = _value$split2[1];
let loading = '';
if (config.dynamicImport.loading) {
loading = `, loading: LoadingComponent`;
} // server routes can't using import() for avoiding OOM when `dynamicImport`
return isServer ? `require('${component}').default` : `dynamic({ loader: () => import(/* webpackChunkName: '${webpackChunkName}' */'${component}')${loading}})`;
} else {
return `require('${value}').default`;
}
case 'wrappers':
const wrappers = value.map(wrapper => {
if (config.dynamicImport) {
let loading = '';
if (config.dynamicImport.loading) {
loading = `, loading: LoadingComponent`;
}
return isServer ? `require('${wrapper}').default` : `dynamic({ loader: () => import(/* webpackChunkName: 'wrappers' */'${wrapper}')${loading}})`;
} else {
return `require('${wrapper}').default`;
}
});
return `[${wrappers.join(', ')}]`;
default:
return value;
}
}
return JSON.stringify(clonedRoutes, replacer, 2).replace(/\"component\": (\"(.+?)\")/g, (global, m1, m2) => {
return `"component": ${m2.replace(/\^/g, '"')}`;
}).replace(/\"wrappers\": (\"(.+?)\")/g, (global, m1, m2) => {
return `"wrappers": ${m2.replace(/\^/g, '"')}`;
}).replace(/\\r\\n/g, '\r\n').replace(/\\n/g, '\r\n');
}
function lastSlash(str) {
return str[str.length - 1] === '/' ? str : `${str}/`;
}