Angular6打包的那些事

Angular在升级到6的时候，多了许多新的功能，好比ng命令，在从5升级到6的时候是无痛升级的，可是升级到了6以后，也有许多地方作了改变，好比Angular的设置，Angular的base-path等，经过在一台机器上部署多个Angular的单页应用，来讲明这些问题。

angular 打包,缩小包体积命令

ng build --prod --aot
来源
来源网站打不开了，可是找到一个不错的 博客

angular 6新的设置方式,我想在Angular新建项目的时候使用yarn而不是npm

You should update the article.
With @angular/cli version 6+ it will be
SET GLOBAL: ng config —g cli.packageManager npm
SET LOCAL: ng config cli.packageManager npm
GET: ng config cli.packageManager
The diff is:

1. No more get/set commends, only config and get/set is inferred.

needs to prefix cli properties with cli. because there are other things now, from devkit…

1. base-path设置

这个设置(见词知意)能够让项目添加一个新的URL前缀，好比默认是/，你能够设置成/blog
在angular.json文件中找到projects->todo-web(项目名字)->architect->build->options下新增:

"baseHref": "/todo/",
"deployUrl": "/todo/"

1. 项目打包上传到服务器

个人项目在服务器上的位置: /todo/todo

我还有另外一个angular的项目位置在: /blog/blog, 他们的项目结构是相同的。
在看看nginx的配置(server下)：

其中try_files能够防止Angular刷新404的问题。

这样个人能够用一个Nginx作代理，同时访问个人两个web项目，两个api项目。
他们的地址是:

1. [TODO项目]https://kazma233.me/life/
2. [博客项目, 写着玩的，前端比较差]https://kazma233.me/blog/

以上能够说是解决了很大部分的坑了。