Laravel 項目開發(fā)規(guī)范 靜態(tài)資源

說明

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

靜態(tài)資源

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

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

第三方 CDN

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

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

行內(nèi)樣式與 JS

CSS 和 JS 應(yīng)該 使用獨立的文件進行加載， 不應(yīng)該 直接寫在頁面中。

控制數(shù)量

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

// 存儲所有第三方依賴
vendor.css

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

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

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