国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

angular2+node.js express打包部署的實戰

2024-05-06 15:13:42
字體:
來源:轉載
供稿:網友

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

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持錯新站長站。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 辽宁省| 永登县| 五寨县| 静安区| 新竹县| 中山市| 华亭县| 义乌市| 准格尔旗| 巴南区| 顺义区| 开原市| 繁昌县| 栾川县| 云阳县| 普兰县| 桂阳县| 宿松县| 黔江区| 沐川县| 榆树市| 公安县| 湟源县| 化德县| 舟山市| 中方县| 深水埗区| 汾西县| 黎城县| 桦甸市| 墨玉县| 汉源县| 杭州市| 康保县| 苗栗市| 阜新市| 亳州市| 鄂托克前旗| 阳新县| 弥渡县| 榕江县|