静态资源

说明

一般我们将 CSS，JavaScript，Font，图片等称为静态资源。

静态资源

CSS，JavaScript，Font，图片，用户头像等静态资源必须使用 CDN 加载。

用户上传的静态资源应该酌情处理。

第三方 CDN

项目中使用了第三方前端类库中的 CSS/JavaScript/Font 等静态资源，绝不使用第三方链接进行加载（包括第三方 CDN）。

第三方类库静态资源必须下载并纳入代码版本管理器中。

行内样式与 JS

CSS 和 JavaScript 应该使用独立的文件进行加载，不应该直接写在页面中。

控制数量

页面 CSS 文件加载数量应该不超过 2 个，绝不超过 3 个。

// 存储所有第三方依赖
vendor.css

// 存储应用相关样式
app.css

页面 JavaScript 文件加载数量应该不超过 2 个，绝不超过 3 个。同上。

使用 Laravel Mix 工具可以很方便实现。