Project optimization strategy
1. Generate a packaging report
When packaging, in order to intuitively discover the problems in the project, you can generate a report when packaging. There are two ways to generate reports:
1) Generate reports in the form of command line parameters
// Package report can be generated by command options of vue-cli // report option can be generated by --report option to help analyze report content vue-cli-serve build --report
2) View the report directly through the visual UI panel (recommended)
In the visual UI panel, through the console and analysis panel, you can easily see the problems with the lock in the project.
Open the visual UI panel and select the run in the build. After completion, you can view the report content in the console (dashboard) or analysis panel.
Speed statistics panel: It is the time required to open the project under different network conditions.
Resource panel:
This will find that there is an exclamation mark behind a resource, this is representative: the size of this file is too large.
Dependency panel:
The dependencies are listed from largest to smallest.