Vue-cli builds the directory structure of the project based on webpack
build folder
├── build // project build (webpack) related code
│ ├── build.js // production environment build code (this folder will be used when npm run build)
│ ├── check-versions.js // Check node&npm and other versions, such as nodejs, npm, if the version is too low, it will be prompted.
│ ├── utils.js // Build configuration utilities (after installing less, sass, etc., you can parse css in various formats without configuration) │
├── vue-loader.conf.js // vue loader│
├── webpack.base.conf.js // webpack basic environment configuration
│ ├── webpack.dev.conf.js // webpack development environment configuration
│ └── webpack.prod.conf.js // webpack production environment configuration
config file
├── config// Project development environment configuration related code
│ ├── dev.env.js // Development environment variables
│ ├── index.js // The main configuration variables of the project (listening port, packaging road, proxy server configuration, etc.)
│ └── prod.env.js // production environment variables
node_modules file
├──node_modules// Modules that the project depends on
src project core file
├── src// source directory
other
I haven't completely figured out the vast abyss between the documents. I will update it when I understand it. If there is anything wrong, please point out and discuss it.