angular2+node.js express打包部署的實戰(zhàn)
更新時間：2017年07月27日 10:35:54 作者：坐在那邊看天空
本篇文章主要介紹了angular2+node.js express打包部署的實戰(zhàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
Angular2我自己還在摸索學習中，本文介紹了angular2+node.js express打包部署的實戰(zhàn)，分享給大家，也給自己留個筆記
angular是客戶端js,Node.js 是服務端JS,建立SPA 網(wǎng)站需要把這兩者統(tǒng)一到一起。
1、angular2項目創(chuàng)建,使用angular-cli
ng new mypos
2、使用express命令行工具創(chuàng)建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的靜態(tài)文件目錄。
"outDir":"express/public/"
5、打包
ng build --prod
6、進入express運行目錄
npm start
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Angular實現(xiàn)的簡單定時器功能,結(jié)合實例形式分析了AngularJS定時器功能的簡單實現(xiàn)與使用技巧,需要的朋友可以參考下2017-12-12
這篇文章給大家介紹了如何利用AngularJS實現(xiàn)按鈕提示與點擊變色的效果，文中提供了實例代碼，對大家學習AngularJS具有一定的參考借鑒價值，下面來一起看看吧。2016-09-09
這篇文章主要介紹了Angular5中狀態(tài)管理的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
ui-router中使用ocLazyLoad和resolve的具體方法
這篇文章主要介紹了ui-router中使用ocLazyLoad和resolve的具體方法，詳細的介紹了ocLazyLoad和resolve的具體用法，非常具有實用價值，需要的朋友可以參考下2017-10-10
今天小編就為大家分享一篇angularJS1 url中攜帶參數(shù)的獲取方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
詳解基于Bootstrap+angular的一個豆瓣電影app
本篇文章主要介紹了基于Bootstrap+angular的一個豆瓣電影app ，非常具有實用價值，需要的朋友可以參考下2017-06-06
簡單談談require模塊化jquery和angular的問題
下面小編就為大家?guī)硪黄唵握務剅equire模塊化jquery和angular的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
AngularJS自定義過濾器用法經(jīng)典實例總結(jié)
這篇文章主要介紹了AngularJS自定義過濾器用法,結(jié)合實例形式總結(jié)分析了AngularJS自定義過濾器進行包含、替換、篩選、過濾、排序等操作相關(guān)實現(xiàn)技巧與注意事項,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了簡單說說angular.json文件的使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10
跨域傳輸Cookie是需要后臺和前臺同時做相關(guān)處理才能解決的，這篇文章主要介紹了Angularjs之如何在跨域請求中傳輸Cookie的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06