16、前端开发中的资源管理与服务器通信技术解析

前端开发中的资源管理与服务器通信技术解析

1. Propshaft 的功能与优势

Propshaft 是一个强大的工具，它主要具备以下四项功能，并且在安装后能相对透明地执行这些操作：
- 开发与生产环境的资产服务 ：在开发环境中，Propshaft 会将自身设置为资产服务器，这样就无需显式管理资产。而在生产环境中，它使用与 Sprockets 相同的 asset:precompile Rake 任务。
- 文件名摘要哈希 ：Propshaft 会为每个文件名添加摘要哈希，使文件在服务器上缓存，直到文件内容发生更改。代码仍可使用不带摘要的常规文件名引用文件。在开发环境中，开发服务器负责处理此操作；在生产环境中，预编译步骤会提供一个清单文件，生产服务器会自动使用该文件将逻辑文件名转换为带摘要的文件名。
- 指定服务目录 ：允许指定 app/assets 之外的不同目录来提供文件服务。
- CSS 文件转换 ：在 CSS 文件中进行简单转换，允许使用 asset-path 函数，并自动将其转换为指向文件摘要版本的 url 函数。

从开发者的角度来看，只需安装 Propshaft 并将资产文件放在 app/assets 中，就可以使用现有的辅助函数，如 image_tag （默认指向 app/assets/images