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


Posted in Javascript onJuly 27, 2017

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
IE php关于强制下载文件的代码
Aug 23 Javascript
JQuery this 和 $(this) 的区别
Aug 23 Javascript
js 编写规范
Mar 03 Javascript
使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo
Sep 01 Javascript
JavaScript中this的四个绑定规则总结
Sep 26 Javascript
JSON 必知必会 观后记
Oct 27 Javascript
ES6中Math对象的部分扩展
Feb 20 Javascript
jQuery简单实现MD5加密的方法
Mar 03 Javascript
详解React中的组件通信问题
Jul 31 Javascript
JavaScript继承与聚合实例详解
Jan 22 Javascript
解决layer弹出层msg的文字不显示的问题
Sep 11 Javascript
Nuxt.js 静态资源和打包的操作
Nov 06 Javascript
利用Ionic2 + angular4实现一个地区选择组件
Jul 27 #Javascript
vue单页应用中如何使用jquery的方法示例
Jul 27 #jQuery
详解win7 cmd执行vue不是内部命令的解决方法
Jul 27 #Javascript
Vue2.0如何发布项目实战
Jul 27 #Javascript
在Vue中如何使用Cookie操作实例
Jul 27 #Javascript
vue 怎么创建组件及组件使用方法
Jul 27 #Javascript
详解Angular-cli生成组件修改css成less或sass的实例
Jul 27 #Javascript
You might like
关于Zend Studio 配色方案插件的介绍
2013/06/24 PHP
apache和PHP如何整合在一起
2015/10/12 PHP
使用Composer安装Yii框架的方法
2016/03/15 PHP
PHP Filter过滤器全面解析
2016/08/09 PHP
PHP实现根据数组某个键值大小进行排序的方法
2018/03/13 PHP
PHP通过GD库实现验证码功能示例
2019/02/23 PHP
php实现的表单验证类完整示例
2019/08/13 PHP
javascript数据类型示例分享
2015/01/19 Javascript
深入浅析JavaScript中的scrollTop
2016/07/11 Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
2017/01/18 Javascript
Vue 进阶教程之v-model详解
2017/05/06 Javascript
jQuery插件artDialog.js使用与关闭方法示例
2017/10/09 jQuery
nodejs实现简单的gulp打包
2017/12/21 NodeJs
node.js通过axios实现网络请求的方法
2018/03/05 Javascript
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
2018/08/17 Javascript
vue 动态表单开发方法案例详解
2019/12/02 Javascript
Vue实现简单的跑马灯
2020/05/25 Javascript
详解如何在vue+element-ui的项目中封装dialog组件
2020/12/11 Vue.js
[01:15:18]2014 DOTA2国际邀请赛中国区预选赛 LGD VS Speed Gaming.cn
2014/05/22 DOTA
分享python数据统计的一些小技巧
2016/07/21 Python
使用PyV8在Python爬虫中执行js代码
2017/02/16 Python
python画出三角形外接圆和内切圆的方法
2018/01/25 Python
python正则爬取某段子网站前20页段子(request库)过程解析
2019/08/10 Python
python实现扑克牌交互式界面发牌程序
2020/04/22 Python
阿里健康官方海外旗舰店:阿里健康国际自营
2017/11/24 全球购物
写好自荐信的技巧
2013/11/08 职场文书
文明之星事迹材料
2014/05/09 职场文书
社区文艺活动方案
2014/08/19 职场文书
民族团结演讲稿范文
2014/08/27 职场文书
2014年国庆节演讲稿精选范文1500字
2014/09/25 职场文书
工程技术负责人岗位职责
2015/04/13 职场文书
三十年同学聚会感言
2015/07/30 职场文书
2016学习依法治国心得体会
2016/01/15 职场文书
读《儒林外史》有感:少一些功利,多一些真诚
2020/01/19 职场文书
Goland使用Go Modules创建/管理项目的操作
2021/05/06 Golang
python flask框架快速入门
2021/05/14 Python