Vue项目打包部署步骤详解是怎样的？

本文共计643个文字，预计阅读时间需要3分钟。

目录

一、打包

二、部署

三、部署多个项目

一、打包

（可选）去除打包后的map文件

在vue.config.js中添加：javascriptproductionSourceMap: false

map文件作用：项目打包后，代码都是经过压缩加密的，如果需要调试，map文件可以提供原始代码位置信息，方便调试。

二、部署

三、部署多个项目

目录

• 一、打包
• 二、部署
• 三、部署多个项目

一、打包

（可选）去除打包后会生成的map文件：在vue.config.js中添加productionSourceMap: false,

map文件作用：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。map文件可以准确输出报错位置。

项目终端运行npm run build，出现的dist文件即为打包后的文件

二、部署

xshell连接服务器（此处服务器为centos7）

利用xfp在服务器/root目录下新建文件夹，将刚才打包生成的dist文件放到该文件夹下

进入/etc目录，目录中有一个nginx目录，进入该目录。