此 静态文件 是主题使用的资产(如CSS、字体、图像和JavaScript)的集合。 静态文件的位置在 基本URL 配置。 我们可以向每个静态文件的URL添加数字签名,以便浏览器能够检测到较新版本何时可用。 如果签名与浏览器缓存中存储的签名不同,则使用较新版本的文件。
对于标准安装,与主题关联的资产将整理在 web 文件夹,该文件夹位于 Commerce 根。
[commerce_root]/app/design/frontend/Magento/[theme_name]/web
向静态文件URL添加数字签名
在 管理员 侧栏,转到 Stores > Settings>Configuration.
在左侧面板中,展开 Advanced 并选择 Developer.
展开 扩展选择器 该 Static Files Settings 部分。
设置 Sign Static Files 到 Yes.
完成后,单击 Save Config.
文件类型 | 描述 |
---|---|
CSS | 控制与外观关联的视觉样式。 服务器上的示例位置: [commerce]/app/design/frontend/Magento/[theme]/web/css |
字体 | 提供主题可用的字体。 服务器上的位置: [commerce]/app/design/frontend/Magento/[theme]/web/fonts |
图像 | 提供主题使用的图形资源,包括按钮、背景纹理等。 服务器上的示例位置: [commerce]/app/design/frontend/Magento/[theme]/web/images |
JS | 特定于主题的JavaScript例程和可调用函数。 服务器上的示例位置: [commerce]/app/design/frontend/Magento/[theme]/web/js |
合并CSS文件
作为优化网站并减少页面加载时间努力的一部分,我们可以通过将CSS文件合并到单个压缩文件来减少单独的CSS文件数量。 如果打开合并的CSS文件,我们会看到一个连续的文本流,其中删除了换行符。 我们无法编辑合并的文件,因此最好等到退出开发模式并且不再频繁更改CSS。
在 管理员 侧栏,转到 Stores > Settings>Configuration.
在左侧面板中, Advanced 并选择 Developer.
展开 扩展选择器 该 CSS Settings 部分。
设置 Merge CSS Files 到 Yes.
完成后,单击 Save Config.
合并JavaScript文件
可以将多个JavaScript文件合并到单个压缩文件中,以缩短页面加载时间。 如果打开合并的JavaScript文件,我们会看到一个连续的文本流,其中删除了换行符。 如果我们已完成开发过程并且代码不含错误,则可以考虑合并文件。
在 管理员 侧栏,转到 Stores > Settings>Configuration.
在左侧面板中, Advanced 并选择 Developer.
展开 扩展选择器 该 JavaScript Settings 部分。
设置 Merge JavaScript Files 到 Yes.
完成后,单击 Save Config.