将写好的代码打包优化在dist文件夹中（vue）黑马p139笔记

目标：打包的命令和配置

说明：1.vue脚手架工具已经提供了打包命令，可以直接使用

命令：2.yarn build（打开终端 crtl +  `）

结果：3.在项目的根目录会自动创建一个文件夹‘dist’，dist中的文件就是打包后的文件，可以直接放到服务器中去。

配置：4.默认情况下，需要放到服务器根目录打开，如果希望双击运行，需要配置publicPath配成相对路径（在vue.config.js中在module.exports = defineConfig({中添加

publicPath:   ' ./  '，即可

transplieDependencies: true

}）

注意：

打包优化：路由懒加载

异步组件改造