这是我看到的一个最常见的错误和我的培训/咨询客户。将代码部署到生产时,他们会使用命令:ng构建。
相反,您想要使用:ng构建——配置=生产
这是为什么呢?因为生产构建在几个方面优化:
- 的代码缩小和混淆,这意味着它在浏览器中运行时是这样的:
这段代码尽可能轻(没有标签,空格、换行字符,变量超短名称,等等)和更有挑战性的理解(黑客很难理解您的代码)。
2。的代码tree-shaked。角删除未使用的依赖和死代码,使您的构建输出尽可能小。网络规模很重要:您船到浏览器的代码越少,越快下载,解析和解释(这也是为什么角给了我们延迟加载功能)
3所示。源地图没有生成在同一精神隐藏我们的源代码是什么样子。
4所示。角DevTools禁用代码,再次困惑和逆向工程的目的。
如果你仍然不相信阅读所有这一切之后,试一试你的角项目。的大小经销文件夹后生产建设应该至少90小95%常规建设相比,这是巨大的。