首页
/ Sinatra AssetPack 技术文档

Sinatra AssetPack 技术文档

2024-12-24 08:15:44作者:苗圣禹Peter

Sinatra AssetPack 是一个用于管理 Sinatra 应用程序中静态资源(如 JavaScript、CSS 和图像)的简便方法。以下文档将帮助您了解如何安装和使用 Sinatra AssetPack,以及如何通过项目 API 进行操作。

1. 安装指南

在您的 Sinatra 应用程序的 Gemfile 文件中添加以下依赖项:

gem 'sinatra-assetpack', :require => 'sinatra/assetpack'

然后运行以下命令安装宝石:

bundle install

2. 项目使用说明

设置

在您的 Sinatra 应用程序中,首先需要注册 Sinatra::AssetPack 并配置您的资产:

require 'sinatra/base'
require 'sinatra/assetpack'

class App < Sinatra::Base
  set :root, File.dirname(__FILE__) # 设置应用程序根目录

  register Sinatra::AssetPack

  assets {
    serve '/js',     from: 'app/js'        # 默认
    serve '/css',    from: 'app/css'       # 默认
    serve '/images', from: 'app/images'    # 默认

    # 定义资产包及其服务路径和文件模式
    js :app, '/js/app.js', [
      '/js/vendor/**/*.js',
      '/js/lib/**/*.js'
    ]

    css :application, '/css/application.css', [
      '/css/screen.css'
    ]

    # 设置压缩方式
    js_compression  :jsmin    # :jsmin | :yui | :closure | :uglify
    css_compression :simple   # :simple | :sass | :yui | :sqwish
  }
end

使用

  1. 将您的资产(如 CSS、JavaScript 和图像文件)放入 /app/css/app/js/app/images 目录中。
  2. 在您的设置中注册 Sinatra::AssetPack
  3. 在您的布局文件中使用 <%= js :app %><%= css :application %> 标签。
  4. 现在您可以进行适当的资产管理了!

在布局中使用

在您的布局文件中,使用 cssjs 助手:

# layout.erb
<%= css :application, :media => 'screen' %>
<%= js :app %>
# layout.haml
!= css :application, :media => 'screen'
!= js :app

3. 项目 API 使用文档

Sinatra AssetPack 提供了以下 API 用于管理和压缩资产:

  • assets.serve 'PATH', :from => 'LOCALPATH': 在指定的 URI 路径中服务文件。
  • assets.js_compression :ENGINE: 设置 JavaScript 压缩引擎。
  • assets.css_compression :ENGINE: 设置 CSS 压缩引擎。
  • assets.js_compression_options HASH: 设置 JavaScript 压缩选项。
  • assets.css_compression_options HASH: 设置 CSS 压缩选项。

更多 API 文档和示例,请参考官方 GitHub 仓库。

4. 项目安装方式

如上所述,您可以通过修改 Gemfile 并运行 bundle install 命令来安装 Sinatra AssetPack。确保您已经安装了所有必要的依赖项,并根据需要配置了资产。

请遵循上述指南以顺利使用 Sinatra AssetPack。如果您需要进一步的定制或帮助,请参考官方文档和 GitHub 仓库。

登录后查看全文
热门项目推荐

项目优选

收起
kernelkernel
deepin linux kernel
C
22
6
docsdocs
OpenHarmony documentation | OpenHarmony开发者文档
Dockerfile
197
2.17 K
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
208
285
pytorchpytorch
Ascend Extension for PyTorch
Python
59
94
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
974
574
nop-entropynop-entropy
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
9
1
ops-mathops-math
本项目是CANN提供的数学类基础计算算子库,实现网络在NPU上加速计算。
C++
549
81
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
1.02 K
399
communitycommunity
本项目是CANN开源社区的核心管理仓库,包含社区的治理章程、治理组织、通用操作指引及流程规范等基础信息
393
27
MateChatMateChat
前端智能化场景解决方案UI库,轻松构建你的AI应用,我们将持续完善更新,欢迎你的使用与建议。 官网地址:https://matechat.gitcode.com
1.2 K
133