本文是按著ng2官網(wǎng)的高級內(nèi)容“Deployment”的思路整理得出的,原文雖然在angular2的中文站下掛著,截止目前卻還是英文版未翻譯,筆者就在這里結(jié)合自己的理解給出原文的一點點整理。
這是原文地址:
1. 最簡單的發(fā)布流程
最簡單指的是開發(fā)完成好一個ng2應用后,做最少的事情讓用戶能在自己的瀏覽器內(nèi)訪問到此應用。從這句話出發(fā)就很容易想到,如何做到“最簡單”,自然就是什么都不做,把寫好的整個項目往服務器一扔搞定。
當然,即使是對項目文件什么都不做,服務器還是得做一些事情來配合ng2開發(fā)的前后端完全分離的網(wǎng)站:
a. 調(diào)整index.html中的<base />標簽的值,因為在服務器中的index.html不一定就在根目錄下,此時就必須指定其路徑。
b. 調(diào)整404錯誤頁,將所有的404錯誤都重定向到index.html,只有這樣才能不讓服務器的路由影響到我們ng2的前端路由(深層原因其實就是,我們在瀏覽器輸入地址時,地址先被服務器認為是錯誤路徑給返回錯誤了,這就得讓服務器認為地址有誤時將其原封不動重定向給index.html,讓其成功被客戶端路由識別)
c. 開啟生產(chǎn)模式,ng2默認的引導都會開始開發(fā)模式,在引導的代碼里執(zhí)行 enableProdMode() 即可開啟生產(chǎn)模式
d. 簡化node_modules。 原因是開發(fā)項目時安裝的那一大堆(20500+的文件以及180M+的大小)npm包,其實絕大多數(shù)在App運行于瀏覽器時是用不著的,發(fā)布項目時,去掉其中用不著的那一大堆文件,自然能節(jié)省很大的空間。
2. 產(chǎn)品級優(yōu)化
接下來,為了優(yōu)化我們得產(chǎn)品,還需要做一些事情。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26