expose React to global at development env
This commit is contained in:
parent
0f45600e21
commit
71a1caf95d
@ -6,6 +6,11 @@ import * as emitter from './scripts/event'
|
|||||||
|
|
||||||
loadModules()
|
loadModules()
|
||||||
|
|
||||||
|
if (process.env.NODE_ENV === 'development') {
|
||||||
|
window.React = React
|
||||||
|
window.ReactDOM = ReactDOM
|
||||||
|
}
|
||||||
|
|
||||||
async function loadModules() {
|
async function loadModules() {
|
||||||
if (blessing.route.startsWith('admin')) {
|
if (blessing.route.startsWith('admin')) {
|
||||||
const entry = document.querySelector<HTMLAnchorElement>('#launch-cli')
|
const entry = document.querySelector<HTMLAnchorElement>('#launch-cli')
|
||||||
@ -17,11 +22,11 @@ async function loadModules() {
|
|||||||
|
|
||||||
const route = routes.find(
|
const route = routes.find(
|
||||||
// eslint-disable-next-line no-shadow
|
// eslint-disable-next-line no-shadow
|
||||||
route => new RegExp(`^${route.path}$`, 'i').test(blessing.route),
|
(route) => new RegExp(`^${route.path}$`, 'i').test(blessing.route),
|
||||||
)
|
)
|
||||||
if (route) {
|
if (route) {
|
||||||
if (route.module) {
|
if (route.module) {
|
||||||
Promise.all(route.module.map(m => m()))
|
Promise.all(route.module.map((m) => m()))
|
||||||
}
|
}
|
||||||
if (route.react) {
|
if (route.react) {
|
||||||
const Component = React.lazy(
|
const Component = React.lazy(
|
||||||
@ -50,7 +55,7 @@ async function loadModules() {
|
|||||||
// eslint-disable-next-line no-new
|
// eslint-disable-next-line no-new
|
||||||
new Vue({
|
new Vue({
|
||||||
el: route.el,
|
el: route.el,
|
||||||
render: h => h(route.component),
|
render: (h) => h(route.component),
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user