ruby-on-rails - Ruby on Rails 应用程序中的 Salesforce Lightning 设计系统

Question

我想在 Ruby on Rails 应用程序中使用 Salesforce Lightning 设计系统(SLDS)，但我不知道如何让任何样式呈现。有没有人有在 Rails 应用程序中使用 SLDS 的经验？

Answer 1

我从来没有使用过 SLDS，但是通过调整基本教程，我得到了一个基本（静态）页面，其中使用 Sprockets 在几分钟内就可以完成样式。记录了安装框架的各种选项，所以这只是我选择的方式，而不是唯一的方式：

1. 从安装页面下载预构建的 CSS 框架。
2. 解压缩并将/assets目录复制/移动到您的应用程序中vendor/assets。
3. 编辑config/initializers/assets.rb以从供应商目录加载资产（如果您还没有）：

Rails.application.config.assets.paths << Rails.root.join('vendor/assets')

4. 将 Salesforce CSS 添加到app/assets/stylesheets/application.css：

 *= require_tree .
 *= require_self
 *= require salesforce-lightning-design-system

正如我所说，这只是通过 Sprockets 资产管道的一种简单方法。如果您通过 yarn 安装框架并使用 Webpacker 而不是 Sprockets 打包 CSS，则需要将样式导入样式表包并将其包含在stylesheet_pack_tag等中。