兩年前， 寫過(guò)一篇使用rollup 來(lái) 為生產(chǎn)環(huán)境編譯 Angular 2 應(yīng)用 的文章， 因?yàn)楫?dāng)時(shí)還沒(méi)有 angular-cli 項(xiàng)目。 而如今 Angular 已經(jīng)到了 7.x 版本， 對(duì)應(yīng)的工具也是非常的完善， 也就不在使用 rollup 來(lái)處理 angular 項(xiàng)目。

創(chuàng)新互聯(lián)公司是創(chuàng)新、創(chuàng)意、研發(fā)型一體的綜合型網(wǎng)站建設(shè)公司，自成立以來(lái)公司不斷探索創(chuàng)新，始終堅(jiān)持為客戶提供滿意周到的服務(wù)，在本地打下了良好的口碑，在過(guò)去的10多年時(shí)間我們累計(jì)服務(wù)了上千家以及全國(guó)政企客戶，如成都餐廳設(shè)計(jì)等企業(yè)單位，完善的項(xiàng)目管理流程，嚴(yán)格把控項(xiàng)目進(jìn)度與質(zhì)量監(jiān)控加上過(guò)硬的技術(shù)實(shí)力獲得客戶的一致贊賞。

angular-cli 用起來(lái)雖然方便， 但是針對(duì)生產(chǎn)環(huán)境編譯的話， 還是有一些地方要注意的， 接下來(lái)就介紹我在項(xiàng)目部署時(shí)的一些做法。

合理拆分功能模塊， 按需加載

一個(gè)系統(tǒng)往往功能非常多， 因此就要根據(jù)項(xiàng)目的實(shí)際情況劃分功能模塊，一個(gè)功能模塊對(duì)應(yīng)一個(gè) NgModule ， 編譯成一個(gè)獨(dú)立的 js 文件， 再結(jié)合 angular 的路由技術(shù)進(jìn)行按需加載，就這一功能點(diǎn)來(lái)說(shuō)， angular 的支持已經(jīng)非常的完善了。

const routes: Routes = [
  { path: '', redirectTo: '/home', pathMatch: 'full' },
  { path: 'home', loadChildren: './home/home.module#HomeModule' },
  { path: 'about', loadChildren: './about/about.module#AboutModule' },
  {
    path: 'arcgis',
    loadChildren: './arcgis/arcgis.module#ArcgisModule',
    canLoad: [EsriLoaderGuard]
  }
];

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

文章題目：發(fā)布Angular應(yīng)用至生產(chǎn)環(huán)境的方法-創(chuàng)新互聯(lián)
當(dāng)前路徑：http://weahome.cn/article/eejed.html