Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2024-12-22 19:07:54 +01:00
Code Issues Projects Releases Wiki Activity

Feat lazy loading network (#2709)

Browse Source 
Adds lazy loading to the network routes, so we end up with smaller
chunks in the build.

Also adds a `start:prod` script that can prove useful to test the chunk
loading behaviour locally.
This commit is contained in:
Nuno Góis 2022-12-16 18:09:24 +00:00 committed by GitHub
parent a3ac96f763
commit d2d5629a36
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/package.json
View File

@ -13,6 +13,7 @@
"build": "vite build", "build": "vite build",
"lint": "yarn fmt:check", "lint": "yarn fmt:check",
"start": "vite", "start": "vite",
"start:prod": "vite build && vite preview",
"start:sandbox": "UNLEASH_API=https://sandbox.getunleash.io/ospro yarn run start", "start:sandbox": "UNLEASH_API=https://sandbox.getunleash.io/ospro yarn run start",
"start:enterprise": "UNLEASH_API=https://unleash4.herokuapp.com yarn run start", "start:enterprise": "UNLEASH_API=https://unleash4.herokuapp.com yarn run start",
"start:demo": "UNLEASH_BASE_PATH=/demo/ yarn start", "start:demo": "UNLEASH_BASE_PATH=/demo/ yarn start",

6
frontend/src/component/admin/network/Network.tsx
View File

@ -1,11 +1,13 @@
import { NetworkOverview } from './NetworkOverview/NetworkOverview'; import { lazy } from 'react';
import { NetworkTraffic } from './NetworkTraffic/NetworkTraffic';
import AdminMenu from '../menu/AdminMenu'; import AdminMenu from '../menu/AdminMenu';
import { styled, Tab, Tabs } from '@mui/material'; import { styled, Tab, Tabs } from '@mui/material';
import { Route, Routes, useLocation } from 'react-router-dom'; import { Route, Routes, useLocation } from 'react-router-dom';
import { CenteredNavLink } from '../menu/CenteredNavLink'; import { CenteredNavLink } from '../menu/CenteredNavLink';
import { PageContent } from 'component/common/PageContent/PageContent'; import { PageContent } from 'component/common/PageContent/PageContent';
const NetworkOverview = lazy(() => import('./NetworkOverview/NetworkOverview'));
const NetworkTraffic = lazy(() => import('./NetworkTraffic/NetworkTraffic'));
const StyledPageContent = styled(PageContent)(() => ({ const StyledPageContent = styled(PageContent)(() => ({
'.page-header': { '.page-header': {
padding: 0, padding: 0,