說(shuō)明

一般我們將 css, js, font, 圖片等稱為靜態(tài)資源。

靜態(tài)資源

css, js, font, 圖片，用戶頭像等靜態(tài)資源 必須 使用 CDN 加載。

用戶上傳的靜態(tài)資源 應(yīng)該 酌情處理。

第三方 CDN

項(xiàng)目中使用了第三方前端類(lèi)庫(kù)中的 CSS/JS/FONTS 等靜態(tài)資源，絕不 使用第三方鏈接進(jìn)行加載（包括第三方 CDN）。

第三方類(lèi)庫(kù)靜態(tài)資源 必須 下載并納入代碼版本管理器中。

行內(nèi)樣式與 JS

CSS 和 JS 應(yīng)該 使用獨(dú)立的文件進(jìn)行加載， 不應(yīng)該 直接寫(xiě)在頁(yè)面中。

控制數(shù)量

頁(yè)面 CSS 文件加載數(shù)量 應(yīng)該 不超過(guò) 2 個(gè)，絕不 超過(guò) 3 個(gè)。

// 存儲(chǔ)所有第三方依賴
vendor.css

// 存儲(chǔ)應(yīng)用相關(guān)樣式
app.css

頁(yè)面 JS 文件加載數(shù)量 應(yīng)該 不超過(guò) 2 個(gè)，絕不 超過(guò) 3 個(gè)。同上。

使用 Laravel Mix 工具可以很方便實(shí)現(xiàn)。