当前位置:首页 > 日记 > 正文

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

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

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

相关文章

怎么样用word绘制表格用word绘制表

怎么样用word绘制表格用word绘制表

绘制,步骤,方法,表格,电脑软件,  word已经普及人们的生活,可以用word来制作个人简历、制作1篇文章、制作1张电子小报亦或是论文等等,下面小编来教大家如何用word绘制1张简单的表格。word绘制表格的步骤这是我绘制的1张简单表格大家只要知道…

怎么恢复excel2010没有保存的文件

怎么恢复excel2010没有保存的文件

文件,恢复,电脑软件,  恢复excel2010没有保存的文件,有时我们太匆忙了,把Excel做到一半的时候我们忘记点击保存,就直接把它给关了,再打开的时候就老是显示不出来了,就没有了。以下是小编为您带来的关于恢复excel2010没有保存的文件,希望对您有…

PHP框架laravel的.env文件配置教程

PHP框架laravel的.env文件配置教程

配置,文件,框架,教程,电脑软件,前言大家应该都知道使用laravel框架开发PHP程序的时候,配置框架的.env文件是至关重要的,这个文件上需要配置数据库、数据库用户以及缓存等,下面来一起看看详细的配置教程。一、配置APP_KEYlaravel框架默认在.env…

PS怎么制作扇形文字?

PS怎么制作扇形文字?

文字,扇形,电脑软件,PS,今天为大家分享PS怎么制作扇形文字方法,很简单,只需几个步骤即可参考本文,来看看吧!步骤:1、选择&ldquo;横排文字工具&rdquo;;2、在文档中输入&ldquo;&rdquo;;3、选择属性栏中的&ldquo;变形&rdquo;按钮,选择下拉菜单中的&ldq…

使用AngularJS 跨站请求如何解决js

使用AngularJS 跨站请求如何解决js

请求,如何解决,电脑软件,AngularJS,jsonp,今天写东西的时候遇到了 一种情况 ,因为用的不是自己公司人员写的接口 ,而我要写的东西是抓别的网页上的接口所以出现了 一下这种情况 用 get请求出现拦截跨站请求资源 以下是解决办法,这是我的请求:…

在Word2007文档中如何设置自选图形

在Word2007文档中如何设置自选图形

文字,文档,图形,设置,如何设置,  在Word2007文档中,通过为自选图形设置文字环绕方式,可以使文字更合理地环绕在自选图形周围,从而使图文混排的文档更加规范、美观和经济。以下是小编为您带来的关于在Word2007文档中设置自选图形文字环绕,希望…

vuejs绑定class和style样式

vuejs绑定class和style样式

绑定,样式,电脑软件,vuejs,style,绑定Html Class我们可以传给 v-bind:class 一个对象,以动态地切换 class。注意 v-bind:class 指令可以与普通的 class 特性共存:<div class="static" v-bind:class="{ 'class-a': isA, 'class-b': isB…

excel2003规划求解的教程

excel2003规划求解的教程

教程,电脑软件,  Excel中如何操作规划求解呢?下面是小编带来的关于excel2003规划求解的教程,希望阅读过后对你有所启发!excel2003规划求解的教程:  规划求解步骤1:首先我们来讲一下EXCEL里面内置的单变量求解。规划求解步骤2:为了方便操作,…

Photoshop给人像服装更换成有个性

Photoshop给人像服装更换成有个性

有个性,人像,图案,电脑软件,Photoshop,衣服增加布纹的方法有很多,作者介绍的方法非常实用。直接把衣服单独抠出,并用想要的布纹剪贴到原衣服上;后期把原衣服的褶皱还原到布纹上,再调整颜色和光影等,得到想要的效果,下面就为大家介绍Photoshop给人…

angularjs定时任务的设置与清除示

angularjs定时任务的设置与清除示

清除,定时任务,设置,示例,电脑软件,人们似乎常常将AngularJS中的$timeOut() $interval()函数看做是一个内置的、无须在意的函数。但是,如果你忘记了$timeOut()$interval()的回调函数将会造成非常不好的影响,你可能会因此遇到代码莫名其妙的…

INdesign CS6怎么制作渐变色? ID渐

INdesign CS6怎么制作渐变色? ID渐

图形,渐变,渐变色,制作方法,电脑软件,INdesign中想要制作一个渐变的图形,该怎么制作渐变色呢?下面我们就来看看详细的教程。软件名称:Adobe InDesign CS6 中文免费版软件大小:878.42MB更新时间:2014-05-261、打开一个ID文档,现在我要在这个文档添…

怎么在excel2013中对多个数据进行

怎么在excel2013中对多个数据进行

数据,方法,多个,中对,电脑软件,  Excel作为办公人员常用的软件之一,获得了世界范围的推广和使用。Excel软件依靠其强大的功能,成为一款快速、有效处理函数和公式的优秀软件,下面小编就教你怎么在excel2013中对多个数据进行汇总。希望对你…