Front-end scaffolding needs some configuration files, when does it work? Or who calls them when the run command is run?

Part of this answer references GPT, GPT_Pro to solve the problem better.
The front-end scaffolding configuration file is called when running the run command, which is the basis for setting up the development environment. Used to perform some initial configuration, such as setting the project name, project type, scaffolding version, etc. These configuration files are configured before the run command is executed and are invoked when the run command is executed to help initialize and build the development environment.

When using the front-end scaffolding tool, you can modify the configuration file according to the actual situation to meet different requirements. For example, if you want to change the configuration of webpack-dev-server, you can change the devServer object in the webpack.config.js file; If you want to add a css processing loader, you can modify the module object in the webpack.config.js file.

The code is as follows:

// webpack.config.js
module.exports = {
  // ...
  module: {
    rules: [{
      test: /\.css$/,
      use: [ 'style-loader', 'css-loader' ]
    }]
  },
  devServer: {
    contentBase: './dist'
  }
  // ...
}

In the actual development process, we will choose whether to use the front-end scaffolding tool according to different situations, and modify the front-end scaffolding configuration file according to the actual situation, so as to facilitate the rapid development and deployment of developers, and provide convenience for multi-person collaborative development.
If the answer is helpful, please accept it.

Project initialization phase: When creating a project using scaffolding, it is common to read configuration files to initialize the structure and Settings of the project. For example, the Vue CLI reads.eslintrc.js and babel.config.js files when creating a project to configure ESLint and Babel for the project.

Development environment phase: In the development phase, tools are typically used to build, package, and run projects. These tools may read configuration files to determine the behavior and Settings of the project. For example, Webpack reads the webpack.config.js file to configure the project's packaging rules and plug-ins.

Production phase: Tools are typically used to build and package a project when it is deployed to production. These tools may read configuration files to determine the behavior and Settings of the project. For example, when you build a production version using the Vue CLI, the vue.config.js file is read to configure the build rules and plug-ins for your project.