打包体积过大🧐[问题]

[laosandegudai]

🧐 问题描述

一个基本的表格和增删改，现在达到了800多，cli模板也是，正常吗？

cli模板

自己写的 打包完加载特别慢

💻 示例代码

{ "name": "ant-design-pro", "version": "4.1.0", "private": true, "description": "An out-of-box UI solution for enterprise applications", "scripts": { "analyze": "cross-env ANALYZE=1 umi build", "build": "umi build", "deploy": "npm run site && npm run gh-pages", "dev": "npm run start:dev", "fetch:blocks": "pro fetch-blocks && npm run prettier", "gh-pages": "gh-pages -d dist", "i18n-remove": "pro i18n-remove --locale=zh-CN --write", "postinstall": "umi g tmp", "lint": "umi g tmp && npm run lint:js && npm run lint:style && npm run lint:prettier", "lint-staged": "lint-staged", "lint-staged:js": "eslint --ext .js,.jsx,.ts,.tsx ", "lint:fix": "eslint --fix --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src && npm run lint:style", "lint:js": "eslint --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src", "lint:prettier": "prettier --check \"/*\" --end-of-line auto", "lint:style": "stylelint --fix \"src/*/.less\" --syntax less", "prettier": "prettier -c --write \"/*\"", "start": "umi dev", "start:dev": "cross-env REACT_APP_ENV=dev MOCK=none umi dev", "start:no-mock": "cross-env MOCK=none umi dev", "start:no-ui": "cross-env UMI_UI=none umi dev", "start:pre": "cross-env REACT_APP_ENV=pre umi dev", "start:test": "cross-env REACT_APP_ENV=test MOCK=none umi dev", "pretest": "node ./tests/beforeTest", "test": "umi test", "test:all": "node ./tests/run-tests.js", "test:component": "umi test ./src/components", "tsc": "tsc" }, "husky": { "hooks": { "pre-commit": "npm run lint-staged" } }, "lint-staged": { "/*.less": "stylelint --syntax less", "*/.{js,jsx,ts,tsx}": "npm run lint-staged:js", "/*.{js,jsx,tsx,ts,less,md,json}": [ "prettier --write" ] }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 10" ], "dependencies": { "@ant-design/charts": "^1.2.10", "@ant-design/icons": "^4.0.0", "@ant-design/pro-form": "^1.36.0", "@ant-design/pro-layout": "^6.15.4", "@ant-design/pro-table": "^2.17.0", "@antv/data-set": "^0.11.0", "@antv/l7-react": "^2.1.9", "@types/lodash.debounce": "^4.0.6", "@types/lodash.isequal": "^4.5.5", "@types/numeral": "^0.0.28", "antd": "^4.9.4", "bizcharts": "^3.5.9", "bizcharts-plugin-slider": "^2.1.1-beta.1", "classnames": "^2.2.6", "dva": "^2.4.0", "gg-editor": "^2.0.2", "lodash": "^4.17.11", "lodash-decorators": "^6.0.0", "lodash.debounce": "^4.0.8", "lodash.isequal": "^4.5.0", "mockjs": "^1.0.1-beta3", "moment": "^2.25.3", "numeral": "^2.0.6", "nzh": "^1.0.3", "omit.js": "^1.0.2", "path-to-regexp": "2.4.0", "prop-types": "^15.5.10", "qs": "^6.9.0", "react": "^16.8.6", "react-dom": "^16.8.6", "react-fittext": "^1.0.0", "react-helmet-async": "^1.0.4", "react-router": "^4.3.1", "umi": "^3.4.25", "umi-request": "^1.0.8", "use-merge-value": "^1.0.1" }, "devDependencies": { "@ant-design/pro-cli": "^1.0.18", "@types/classnames": "^2.2.7", "@types/express": "^4.17.0", "@types/history": "^4.7.2", "@types/jest": "^26.0.0", "@types/lodash": "^4.14.144", "@types/qs": "^6.5.3", "@types/react": "^16.9.17", "@types/react-dom": "^16.8.4", "@types/react-helmet": "^5.0.13", "@umijs/fabric": "^2.2.0", "@umijs/plugin-blocks": "^2.0.5", "@umijs/preset-ant-design-pro": "^1.2.0", "@umijs/preset-react": "^1.4.8", "@umijs/preset-ui": "^2.0.9", "carlo": "^0.9.46", "chalk": "^4.0.0", "cross-env": "^7.0.0", "cross-port-killer": "^1.1.1", "detect-installer": "^1.0.1", "enzyme": "^3.11.0", "eslint": "^7.1.0", "express": "^4.17.1", "gh-pages": "^3.0.0", "husky": "^4.0.7", "jsdom-global": "^3.0.2", "lint-staged": "^10.0.0", "mockjs": "^1.0.1-beta3", "prettier": "^2.0.1", "pro-download": "1.0.1", "puppeteer-core": "^4.0.1", "stylelint": "^13.0.0" }, "engines": { "node": ">=10.0.0" }, "checkFiles": [ "src//.js", "src//.ts", "src/*/.less", "config//.js", "scripts//*.js" ], "__npminstall_done": false }

🚑 其他信息

[chenshuai2144]

这个不算太大吧。gzip 之后几百 k，因为我们是中后台的产品。所以对打包大小没有特别严格的限制。