Rails 应用程序 Ruby 中的 Salesforce 闪电设计系统
Salesforce Lightning Design System in Ruby on Rails app
我想在 Ruby on Rails 应用程序中使用 Salesforce Lightning Design System (SLDS),但我无法弄清楚如何获得要呈现的任何样式。有没有人有在 rails 应用程序中使用 SLDS 的经验?
我从未使用过 SLDS,但是调整了基本的 tutorial 我使用 Sprockets 在几分钟内得到了一个基本(静态)页面,其中包含样式。安装框架有多种选择,所以这只是我选择的方式,而不是唯一的方式:
- 从 installation page 下载预构建的 CSS 框架。
- 将
/assets
目录解压缩并 copy/move 到您的应用 vendor/assets
下。
- 编辑
config/initializers/assets.rb
以从供应商目录加载资产(如果您还没有):
Rails.application.config.assets.paths << Rails.root.join('vendor/assets')
- 将 Salesforce CSS 添加到
app/assets/stylesheets/application.css
:
*= require_tree .
*= require_self
*= require salesforce-lightning-design-system
正如我所说,这只是通过 Sprockets 资产管道的一种简单方法。如果您通过 yarn 安装框架并使用 Webpacker 而不是 Sprockets CSS 打包,则需要将样式导入样式表包并将其包含在 stylesheet_pack_tag
等
我想在 Ruby on Rails 应用程序中使用 Salesforce Lightning Design System (SLDS),但我无法弄清楚如何获得要呈现的任何样式。有没有人有在 rails 应用程序中使用 SLDS 的经验?
我从未使用过 SLDS,但是调整了基本的 tutorial 我使用 Sprockets 在几分钟内得到了一个基本(静态)页面,其中包含样式。安装框架有多种选择,所以这只是我选择的方式,而不是唯一的方式:
- 从 installation page 下载预构建的 CSS 框架。
- 将
/assets
目录解压缩并 copy/move 到您的应用vendor/assets
下。 - 编辑
config/initializers/assets.rb
以从供应商目录加载资产(如果您还没有):
Rails.application.config.assets.paths << Rails.root.join('vendor/assets')
- 将 Salesforce CSS 添加到
app/assets/stylesheets/application.css
:
*= require_tree .
*= require_self
*= require salesforce-lightning-design-system
正如我所说,这只是通过 Sprockets 资产管道的一种简单方法。如果您通过 yarn 安装框架并使用 Webpacker 而不是 Sprockets CSS 打包,则需要将样式导入样式表包并将其包含在 stylesheet_pack_tag
等