本文是按着ng2官网的高级内容“Deployment”的思路整理得出的，原文虽然在angular2的中文站下挂着，截止目前却还是英文版未翻译，笔者就在这里结合自己的理解给出原文的一点点整理。
这是原文地址：

1. 最简单的发布流程

最简单指的是开发完成好一个ng2应用后，做最少的事情让用户能在自己的浏览器内访问到此应用。从这句话出发就很容易想到，如何做到“最简单”，自然就是什么都不做，把写好的整个项目往服务器一扔搞定。
当然，即使是对项目文件什么都不做，服务器还是得做一些事情来配合ng2开发的前后端完全分离的网站：

  • a. 调整index.html中的<base />标签的值，因为在服务器中的index.html不一定就在根目录下，此时就必须指定其路径。

  • b. 调整404错误页，将所有的404错误都重定向到index.html，只有这样才能不让服务器的路由影响到我们ng2的前端路由(深层原因其实就是，我们在浏览器输入地址时，地址先被服务器认为是错误路径给返回错误了，这就得让服务器认为地址有误时将其原封不动重定向给index.html，让其成功被客户端路由识别)

  • c. 开启生产模式，ng2默认的引导都会开始开发模式，在引导的代码里执行 enableProdMode() 即可开启生产模式

  • d. 简化node_modules。 原因是开发项目时安装的那一大堆(20500+的文件以及180M+的大小)npm包，其实绝大多数在App运行于浏览器时是用不着的，发布项目时，去掉其中用不着的那一大堆文件，自然能节省很大的空间。

2. 产品级优化

接下来，为了优化我们得产品，还需要做一些事情。

  • 网友评论