Angular6项目的打包部署

一、摘要

        今天记录Angular6项目的打包部署。当我们开发好一套系统后，项目的部署也是很关键的一步。

二、前提

       已经有一个正常的Angular6开发环境，并且在本地的开发环境中可以正常的启动，访问自己的angular项目。

三、需求

       将项目打包后，放到服务器上，直接访问服务器地址，项目正常访问。

四、具体过程

     1、使用项目打包命令进行打包

ng build --prod --base-href /project_name/

主要参数解释：

• --prod:会把没用的都删掉，编出来的包直接小60% (我没用这个参数前的文件是19M,加上后就只有4M)
• --base-href /project_name/  :指定项目发布后的跟路径，后面的project_name根据自己的实际情况指定

  2、命令执行完成后，会在dist目录下有打包好的project_name文件夹，将这个文件夹拷贝到tomcat的webapp目录下即可。

  3、配置tomcat的配置文件server.xml（原因见后面说明）

    <Connector port="8082" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443"  
			   compression="on" 
			   useSen