本節(jié)將分享的是網(wǎng)站上線部署前的準(zhǔn)備趟卸。
如果我們想讓網(wǎng)站能夠在任何連接互聯(lián)網(wǎng)的地方树绩,通過域名就能訪問我們開發(fā)的網(wǎng)站,需要申請域名筝蚕,購買服務(wù)器卦碾,去網(wǎng)管局備案,并且需要把網(wǎng)站部署到服務(wù)器起宽。
申請域名
域名申請一般需要去DNS服務(wù)商洲胖,推薦去阿里云注冊一個(gè)賬號,登錄成功后找到域名注冊入口即可坯沪。
購買服務(wù)器
服務(wù)器有物理服務(wù)器或者虛擬的云服務(wù)器绿映,除非公司很大,一般我們都購買云服務(wù)器腐晾,亞馬遜云叉弦、阿里云、騰訊云藻糖、華為云等淹冰,筆者比較熟悉的是阿里云,注冊成功后颖御,找到購買入口購買即可榄棵,可以從最低配置開始,隨時(shí)可以升降級潘拱。
網(wǎng)站備案
一般疹鳄,購買大陸境內(nèi)的服務(wù)器都需要到網(wǎng)管局備案,使用阿里云的整套方案的話比較方面芦岂,購買域名云服務(wù)器后瘪弓,找到備案入口,按照文檔說明進(jìn)行操作和準(zhǔn)備有關(guān)材料即可禽最!
部署前靜態(tài)文件的處理
在正式部署到線上環(huán)境前腺怯,通常我們需要對靜態(tài)文件進(jìn)行打包編譯,去掉只是為了方便開發(fā)的一些代碼川无,減少文件的數(shù)量和體積等呛占,讓網(wǎng)站訪問速度更快,性能更好懦趋。
為什么要減少文件數(shù)量和體積晾虑?
從優(yōu)化請求靜態(tài)資源文件的角度來說,加載多個(gè)文件會發(fā)出多次請求,為了解決這個(gè)問題帜篇,我們可以把多個(gè)文件合并成一個(gè)文件糙捺,還需要對文件進(jìn)行打包壓縮。
前端靜態(tài)資源在發(fā)版更新時(shí)會面臨客戶端瀏覽器緩存的問題笙隙,解決這個(gè)問題可以采用兩類方法:覆蓋方法(引用資源時(shí)加版本號洪灯,不修改資源文件名)、非覆蓋方法(修改資源文件名)竟痰。
如何減少文件數(shù)量和體積签钩?
目前主流的react 和 vue等主流前端框架,都會提供一個(gè) 簡單的命令 npm run build 自動幫我們打包優(yōu)化代碼凯亮,對于我們的靜態(tài)官網(wǎng)边臼,需要我們自己從0去手工處理,去了解和掌握打包的基本內(nèi)容和方法假消。
我們直接使用Linux命令進(jìn)行處理,首先合并所有 css文件:
cat *.css > index.css
去掉空行:
grep -v '^$' index.css > app.css
去掉多余空格:
sed 's/__*/_/g' app.css