前言：

随着项目的深入实践，ng项目的开发、构建、部署也越来也明晰，请随小编来看看吧。

正文：

框架搭建

ng new myProject

cnpm install

ng serve

构建

开发环境构建：ng build

生产环境构建：ng build --env=prod

服务器部署

1.tomcat部署：构建后的包，放在webapps下，启动tomcat即可，访问地址：ip+端口+包名+宿主页面名称

2.Nginx部署：构建后的包放在装有Nginx的服务器上，没有规定位置，一般放在usr/local下,然后配置Nginx.conf文件，

配置关键节点：

<1>启动gzip压缩

gzip on;
gzip_vary on;
gzip_min_length 1000;
gzip_comp_level 6;
gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+RSS text/javascript image/png image/jpeg appl

<2>配置访问路径

location /dev {
root /usr/local;
index index.html;
}

浏览器访问地址：服务器ip+端口+配置访问路径的名称

结语：

简单几步，前端搭建、构建、部署轻松搞定。