第18章 部署Vue.js项目到生产环境

18.1 构建发布版本

在项目目录下，执行npm run build构建发布版本，构建完成后将在根目录生成一个disk文件。

可能通过配置terser-webpack-plugin在构建发布版本的时候批量删除console.log、alert之类的语句。

由于项目打包后代码都是压缩的，输出错误无法定位，所以dist文件下还有map文件，从而可以准确输出哪一行哪一列的错误。不过我们不指望用户去定位，因此可以通过配置vue.config.js里的productionSourceMap使map文件不再生成。

18.2 部署

由于打包后前端项目都是一些静态文件，所以部署在任务Web服务器上都是非常简单的。

可以使用nginx，它是一个高性能的http和反向代理web服务器，同时提供IMAP、POP3、SMTP服务。

对于前后端分离项目，一般需要配置反向代理、解决history模式引发的404问题。