6.1上线部署前的准备

本节将分享的是网站上线部署前的准备。

如果我们想让网站能够在任何连接互联网的地方，通过域名就能访问我们开发的网站，需要申请域名，购买服务器，去网管局备案，并且需要把网站部署到服务器。

申请域名

域名申请一般需要去DNS服务商，推荐去阿里云注册一个账号，登录成功后找到域名注册入口即可。

购买服务器

服务器有物理服务器或者虚拟的云服务器，除非公司很大，一般我们都购买云服务器，亚马逊云、阿里云、腾讯云、华为云等，笔者比较熟悉的是阿里云，注册成功后，找到购买入口购买即可，可以从最低配置开始，随时可以升降级。

网站备案

一般，购买大陆境内的服务器都需要到网管局备案，使用阿里云的整套方案的话比较方面，购买域名云服务器后，找到备案入口，按照文档说明进行操作和准备有关材料即可！

部署前静态文件的处理

在正式部署到线上环境前，通常我们需要对静态文件进行打包编译，去掉只是为了方便开发的一些代码，减少文件的数量和体积等，让网站访问速度更快，性能更好。

为什么要减少文件数量和体积？

从优化请求静态资源文件的角度来说，加载多个文件会发出多次请求，为了解决这个问题，我们可以把多个文件合并成一个文件，还需要对文件进行打包压缩。

前端静态资源在发版更新时会面临客户端浏览器缓存的问题，解决这个问题可以采用两类方法：覆盖方法（引用资源时加版本号，不修改资源文件名）、非覆盖方法（修改资源文件名）。

如何减少文件数量和体积？

目前主流的react 和 vue等主流前端框架，都会提供一个 简单的命令 npm run build 自动帮我们打包优化代码，对于我们的静态官网，需要我们自己从0去手工处理，去了解和掌握打包的基本内容和方法。

我们直接使用Linux命令进行处理，首先合并所有 css文件：

cat *.css > index.css

去掉空行：

grep -v '^$' index.css > app.css

去掉多余空格：

sed 's/__*/_/g' app.css