最终样子

github 仓库

代码示例 github 仓库

最终文件层级

webpack-vue3-prod
├── build               # 构建脚本
|  ├── webpack.base.js  # 打包公共代码
|  ├── webpack.dev.js   # 开发脚本
|  └── webpack.prod.js  # 打包脚本
├── package.json  
├── pnpm-lock.yaml    
├── public              # 这里面的文件会被移动到static
|  └── index.html       # html模板
├── src                 # 源代码目录
|  ├── App.vue          # App
|  ├── main.ts          # 入口文件
|  └── shims.vue.d.ts   # vue类型文件
└── tsconfig.json       # ts配置文件