成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

Angular6打包的那些事

CocoaChina / 2357人閱讀

摘要：在看看的配置下其中可以防止刷新的問(wèn)題。這樣我的可以用一個(gè)做代理，同時(shí)訪問(wèn)我的兩個(gè)項(xiàng)目，兩個(gè)項(xiàng)目。他們的地址是項(xiàng)目博客項(xiàng)目寫(xiě)著玩的，前端比較差以上可以說(shuō)是解決了很大部分的坑了。

Angular在升級(jí)到6的時(shí)候，多了許多新的功能，比如ng命令，在從5升級(jí)到6的時(shí)候是無(wú)痛升級(jí)的，但是升級(jí)到了6之后，也有許多地方做了改變，比如Angular的設(shè)置，Angular的base-path等，通過(guò)在一臺(tái)機(jī)器上部署多個(gè)Angular的單頁(yè)應(yīng)用，來(lái)說(shuō)明這些問(wèn)題。

angular 打包,縮小包體積命令
ng build --prod --aot
來(lái)源 
來(lái)源網(wǎng)站打不開(kāi)了，但是找到一個(gè)不錯(cuò)的博客
angular 6新的設(shè)置方式,我想在Angular新建項(xiàng)目的時(shí)候使用yarn而不是npm
You should update the article.
With @angular/cli version 6+ it will be
SET GLOBAL: ng config?—g cli.packageManager npm
SET LOCAL: ng config cli.packageManager npm
GET: ng config cli.packageManager
The diff is:


No more get/set commends, only?config?and get/set is inferred.


needs to prefix cli properties with?cli.?because there are other things now, from devkit…

base-path設(shè)置

這個(gè)設(shè)置(見(jiàn)詞知意)可以讓項(xiàng)目添加一個(gè)新的URL前綴，比如默認(rèn)是/，你可以設(shè)置成/blog
在angular.json文件中找到projects->todo-web(項(xiàng)目名字)->architect->build->options下新增:

"baseHref": "/todo/",
"deployUrl": "/todo/"

項(xiàng)目打包上傳到服務(wù)器

我的項(xiàng)目在服務(wù)器上的位置: /todo/todo

我還有另一個(gè)angular的項(xiàng)目位置在: /blog/blog, 他們的項(xiàng)目結(jié)構(gòu)是相同的。
在看看nginx的配置(server下)：

其中try_files可以防止Angular刷新404的問(wèn)題。

這樣我的可以用一個(gè)Nginx做代理，同時(shí)訪問(wèn)我的兩個(gè)web項(xiàng)目，兩個(gè)api項(xiàng)目。
他們的地址是:

[TODO項(xiàng)目]https://kazma233.me/life/

[博客項(xiàng)目, 寫(xiě)著玩的，前端比較差]https://kazma233.me/blog/

以上可以說(shuō)是解決了很大部分的坑了。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/40133.html

相關(guān)文章

  • angular6根據(jù)environments配置文件更改開(kāi)發(fā)所需要的環(huán)境

    摘要：前端開(kāi)發(fā)過(guò)程中，我們常常需要根據(jù)需求去運(yùn)行或者打包不同環(huán)境的代碼，幸運(yùn)的是，給我們提供了配置，但是的配置方式和的其他版本的配置方式是有所不同的，下面我就分別介紹在測(cè)試預(yù)生產(chǎn)環(huán)境下實(shí)現(xiàn)配置。 前端開(kāi)發(fā)過(guò)程中，我們常常需要根據(jù)需求去運(yùn)行或者打包不同環(huán)境的代碼，幸運(yùn)的是，angular給我們提供了environments配置，但是angular6.x的配置方式和angular的其他版本的配置...

    seasonley 評(píng)論0 收藏0

  • Angular6的服務(wù)和依賴注入

    摘要：把組件和服務(wù)區(qū)分開(kāi)，以提高模塊性和復(fù)用性。而要把這些任務(wù)委托給各種服務(wù)。它只會(huì)通過(guò)依賴注入讓你能更容易地將應(yīng)用邏輯分解為服務(wù)，并讓這些服務(wù)可用于各個(gè)組件中。 Angular 把組件和服務(wù)區(qū)分開(kāi)，以提高模塊性和復(fù)用性。 通過(guò)把組件中和視圖有關(guān)的功能與其他類(lèi)型的處理分離開(kāi)，你可以讓組件類(lèi)更加精簡(jiǎn)、高效。 理想情況下，組件的工作只管用戶體驗(yàn)，而不用顧及其它。 它應(yīng)該提供用于數(shù)據(jù)綁定的屬性和...

    sugarmo 評(píng)論0 收藏0

  • angular6的響應(yīng)式表單

    摘要：在模塊里面引入要使用響應(yīng)式表單，就要從包中導(dǎo)入，并把它添加到你的的數(shù)組中。導(dǎo)入驗(yàn)證器函數(shù)響應(yīng)式表單包含了一組開(kāi)箱即用的常用驗(yàn)證器函數(shù)。這些驗(yàn)證器屬性可以和響應(yīng)式表單提供的內(nèi)置驗(yàn)證器組合使用。 1：在AppModule模塊里面引入 ReactiveFormsModule 要使用響應(yīng)式表單，就要從@angular/forms包中導(dǎo)入ReactiveFormsModule，并把它添加到你的N...

    alogy 評(píng)論0 收藏0

  • angular6的響應(yīng)式表單

    摘要：在模塊里面引入要使用響應(yīng)式表單，就要從包中導(dǎo)入，并把它添加到你的的數(shù)組中。導(dǎo)入驗(yàn)證器函數(shù)響應(yīng)式表單包含了一組開(kāi)箱即用的常用驗(yàn)證器函數(shù)。這些驗(yàn)證器屬性可以和響應(yīng)式表單提供的內(nèi)置驗(yàn)證器組合使用。 1：在AppModule模塊里面引入 ReactiveFormsModule 要使用響應(yīng)式表單，就要從@angular/forms包中導(dǎo)入ReactiveFormsModule，并把它添加到你的N...

    hzc 評(píng)論0 收藏0

  • angular6的響應(yīng)式表單

    摘要：在模塊里面引入要使用響應(yīng)式表單，就要從包中導(dǎo)入，并把它添加到你的的數(shù)組中。導(dǎo)入驗(yàn)證器函數(shù)響應(yīng)式表單包含了一組開(kāi)箱即用的常用驗(yàn)證器函數(shù)。這些驗(yàn)證器屬性可以和響應(yīng)式表單提供的內(nèi)置驗(yàn)證器組合使用。 1：在AppModule模塊里面引入 ReactiveFormsModule 要使用響應(yīng)式表單，就要從@angular/forms包中導(dǎo)入ReactiveFormsModule，并把它添加到你的N...

    MycLambert 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<