《Angular之ng项目搭建、构建、部署简介》

前言：

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

正文：

框架搭建

ng new myProject

cnpm install

ng serve

构建

开发环境构建：ng build --base-href ./

生产环境构建：ng build --prod --base-href ./

服务器部署

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+端口+配置访问路径的名称

结语：

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