The page loads slowly after the ant design pro project is packaged

for projects made with ant design pro framework, the loading speed of each page is very slow after packaging. Whether ignoreMomentLocale: true, disableDynamicImport: false, is configured to load on demand or slow in .webpackrc
when the browser loads, a js loads for more than 1s, and the packaged js is also very large

.

ask everyone how to do packaging optimization, as well as page performance issues

clipboard.png
roadhog2.3
.webpackrccommon

const path = require("path");
let webpack = require("webpack");
export default {
entry: {


},
// entry: "src/index.js",
publicPath: process.env.NODE_ENV === "production" ? "/assets/" : "/",
extraBabelPlugins: [


],
"env": {


},
alias: {


},
commons: [


],
ignoreMomentLocale: true,
disableDynamicImport: false,
theme: "./src/theme.js",
html: {


},
hash: true,
};

clipboard.png
ask everyone for advice,

Mar.28,2021

if the js file is too large, then there is a problem with your router configuration, and there is no on-demand processing from the router layer.
if the js file is small and the page is still slow, there is something wrong with your js writing.


at a glance, almost every file has BizCharts.js and data-set.js .

this causes the code to be repeatedly loaded, so at least this can be optimized to extract it as common trunk.

if this is still slow to load, you can continue to describe your problem. Thank you ~

Menu