Vue 脚手架与webpack

【前言】
Vue.js 脚手架工具 Vue CLI 是构建 Vue.js 应用的官方推荐方式。Vue CLI 使用 Webpack 作为其现代前端构建系统的底层工具。这意味着你可以利用 Webpack 的强大功能来优化你的 Vue 应用，比如代码分割、资源管理、环境变量配置等。
【目标】

1.vue-cli脚手架文件结构
2.如何修改默认配置

脚手架文件结构

|— node modules
|— public
|— |— favicon.ico:页签图标
|— |— index.html: 主页面
|— src
|— |— assets: 存放静态资源
|— |— |— logo.png
|— |— component:存放组件
|— |— |— HelloWorld.vue
|— |— App.vue:汇总所有组件
|— |— main.js:入口文件
|— .gitignore: git版本管制忽略的配管
|— babel.config.js: babel的配置文件
|— .package.json:应用包配置文件
|— package-lock.json: 包版本控制文件

默认配置

脚手架中的默认配置
当你使用 Vue CLI 创建项目时，Vue CLI 会自动为你设置好基本的 Webpack 配置。你可以在项目根目录下的 node_modules/@vue/cli-service/webpack.config.js 查看默认的 Webpack 配置（注意：这个文件是自动生成的，不可直接修改）。

在控制台使用使用<