angular2+node.js express打包部署的实战

Angular2我自己还在摸索学习中，本文介绍了angular2+node.js express打包部署的实战，分享给大家，也给自己留个笔记

angular是客户端js,Node.js 是服务端JS,建立SPA 网站需要把这两者统一到一起。

1、angular2项目创建,使用angular-cli

ng new mypos 

2、使用express命令行工具创建express项目。

express --view=hbs 

3、angular2 中 需要引用到第三方库 例如 jQuery,bootstrape,

index.html中需要添加应用，然后文件需要拷贝到assets目录

<linkrel="stylesheet"type="text/css"href="/assets/primeng/resources/themes/bootstrap/theme.css" rel="external nofollow" />

<linkrel="stylesheet"type="text/css"href="/assets/primeng/resources/primeng.min.css" rel="external nofollow" />

<linkrel="stylesheet"type="text/css"href="/assets/primeng/resources/font-awesome.min.css" rel="external nofollow" />

<scriptsrc="/assets/jquery.min.js"></script>

<linktype="text/css"href="/assets/bootstrap/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet">

<scriptsrc="/assets/bootstrap/js/bootstrap.min.js"></script>

4、修改angular-cli.json   //指定为express的静态文件目录。

"outDir":"express/public/"

5、打包

 ng build --prod 

6、进入express运行目录

npm start

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# angularjs2  # 打包部署  # angularjs  # node  # express  # angular部署  # Angular项目从新建、打包到nginx部署全过程记录  # Angular应用打包和部署实现过程详解  # 还在  # 给大家  # 一到  # 也给  # 到第  # 命令行  # 三方  # 服务端  # 大家多多  # 留个  # 这两者  # 客户端  # 拷贝到  # json  # cli  # pre  # JS  # SPA  # nbsp  # class 

相关文章： 建站之星安全性能如何？防护体系能否抵御黑客入侵？  魔毅自助建站系统：模板定制与SEO优化一键生成指南  详解jQuery中基本的动画方法  建站之星3.0如何解决常见操作问题？  如何快速启动建站代理加盟业务？  学校免费自助建站系统：智能生成+拖拽设计+多端适配  潍坊网站制作公司有哪些,潍坊哪家招聘网站好？  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  Thinkphp 中 distinct 的用法解析  c# Task.ConfigureAwait(true) 在什么场景下是必须的  如何在阿里云部署织梦网站？  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  ,石家庄四十八中学官网？  油猴 教程,油猴搜脚本为什么会网页无法显示？  建站之星如何助力企业快速打造五合一网站？  C++如何编写函数模板？（泛型编程入门）  ,想在网上投简历，哪几个网站比较好？  如何选择适合PHP云建站的开源框架？  python的本地网站制作,如何创建本地站点？  音响网站制作视频教程,隆霸音响官方网站？  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  设计网站制作公司有哪些,制作网页教程？  济南专业网站制作公司,济南信息工程学校怎么样？  如何选择建站程序？包含哪些必备功能与类型？  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？  建站之星导航菜单设置与功能模块配置全攻略  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台？  网站制作费用多少钱,一个网站的运营，需要哪些费用？  香港服务器租用费用高吗？如何避免常见误区？  如何在阿里云虚拟服务器快速搭建网站？  Python路径拼接规范_跨平台处理说明【指导】  高端智能建站公司优选：品牌定制与SEO优化一站式服务  微课制作网站有哪些,微课网怎么进？  微信h5制作网站有哪些,免费微信H5页面制作工具？  建站之星24小时客服电话如何获取？  网站制作公司,橙子建站是合法的吗？  如何在万网开始建站？分步指南解析  如何零基础开发自助建站系统？完整教程解析  如何快速搭建FTP站点实现文件共享？  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？  如何解决VPS建站LNMP环境配置常见问题？  外贸公司网站制作,外贸网站建设一般有哪些步骤？  阿里云网站制作公司,阿里云快速搭建网站好用吗？  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  建站之星如何配置系统实现高效建站？  重庆网站制作公司哪家好,重庆中考招生办官方网站？  如何在建站主机中优化服务器配置？  如何在服务器上配置二级域名建站？