最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
當前位置: 首頁 - 科技 - 知識百科 - 正文

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

來源:懂視網 責編:小采 時間:2020-11-27 22:34:06
文檔

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

angular2+node.js express打包部署的實戰:Angular2我自己還在摸索學習中,本文介紹了angular2+node.js express打包部署的實戰,分享給大家,也給自己留個筆記 angular是客戶端js,Node.js 是服務端JS,建立SPA 網站需要把這兩者統一到一起。 1、angular2項目創建,使用angular-cl
推薦度:
導讀angular2+node.js express打包部署的實戰:Angular2我自己還在摸索學習中,本文介紹了angular2+node.js express打包部署的實戰,分享給大家,也給自己留個筆記 angular是客戶端js,Node.js 是服務端JS,建立SPA 網站需要把這兩者統一到一起。 1、angular2項目創建,使用angular-cl

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="https://www.gxlcms.com/assets/jquery.min.js"></script>

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

<scriptsrc="https://www.gxlcms.com/assets/bootstrap/js/bootstrap.min.js"></script>

4、修改angular-cli.json   //指定為express的靜態文件目錄。

"outDir":"express/public/"

5、打包

 ng build --prod 

6、進入express運行目錄

npm start

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

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

angular2+node.js express打包部署的實戰:Angular2我自己還在摸索學習中,本文介紹了angular2+node.js express打包部署的實戰,分享給大家,也給自己留個筆記 angular是客戶端js,Node.js 是服務端JS,建立SPA 網站需要把這兩者統一到一起。 1、angular2項目創建,使用angular-cl
推薦度:
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
国产精品久久久久精品…-国产精品可乐视频最新-亚洲欧美重口味在线-欧美va免费在线观看