Is it normal that the js file generated by the package of Vue + element-ui is so large?

contents of package.json file:

{
  "name": "wingspage",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "axios": "^0.18.0",
    "element-ui": "^2.4.11",
    "lodash": "^4.17.11",
    "vue": "^2.5.17",
    "vue-router": "^3.0.1"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.2.0",
    "@vue/cli-plugin-eslint": "^3.2.0",
    "@vue/cli-service": "^3.2.0",
    "babel-eslint": "^10.0.1",
    "eslint": "^5.8.0",
    "eslint-plugin-vue": "^5.0.0-0",
    "vue-template-compiler": "^2.5.17"
  }
}

npm run build package output:

> wingspage@0.1.0 build D:\GOPATH\src\WingsGo\page
> vue-cli-service build


-  Building for production...

 WARNING  Compiled with 2 warnings                                                                                                                         14:55:14
 warning

asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
  js/chunk-vendors.40fc56d8.js (746 KiB)

 warning

entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
  app (959 KiB)
      css/chunk-vendors.9c8e3772.css
      js/chunk-vendors.40fc56d8.js
      css/app.d188071d.css
      js/app.314fa8ec.js


  File                                    Size              Gzipped

  dist\js\chunk-vendors.40fc56d8.js       745.90 kb         191.94 kb
  dist\js\app.314fa8ec.js                 18.14 kb          6.09 kb
  dist\js\chunk-3853daff.7c85ec3e.js      0.68 kb           0.44 kb
  dist\js\chunk-26ad2470.57300bb8.js      0.68 kb           0.44 kb
  dist\css\chunk-vendors.9c8e3772.css     194.50 kb         29.45 kb
  dist\css\app.d188071d.css               0.04 kb           0.06 kb
  dist\css\chunk-26ad2470.739f8c92.css    0.00 kb           0.02 kb
  dist\css\chunk-3853daff.739f8c92.css    0.00 kb           0.02 kb

  Images and other types of assets omitted.

 DONE  Build complete. The dist directory is ready to be deployed.
 INFO  Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html
The functional logic of the

page is very simple, and there are not many reference components. Because the js is too large, it is relatively slow to open the page (compared with the equivalent implementation of jquery), and the front end is not very familiar. Is there something wrong with my configuration?

May.24,2022

is normal. It is estimated that all element has been introduced. If you configure introduce on demand, it will be smaller.


your size does not carry out demand loading. There is demand loading in the official website. For more information, please see


recommend CDN loading


vendors 700k is all right.
with the current Internet speed, the experience should not be very different, the pursuit of the ultimate experience, forget it.
in addition to cdn and on demand, you can also try:

1. The route is lazily loaded.
2. Do loading on the page.

Menu