我需要更多组件来开发 ruby on rails 应用程序。我可以直接在我的资产文件夹中使用 mdl-ext 组件，包括它们，因为没有通过捆绑安装程序安装它的 gem。
Material design lite 扩展在这里出现https://github.com/leifoolsen/mdl-ext
我想将它与这里的 material-design-lite 一起使用 https://rails-assets.org/#/components/mdl。 笔记！ Material design lite 我已经在使用它了。
如果可能的话，将其包含在资产管道中的最佳方式是什么？
【问题讨论】：
标签： ruby-on-rails material-design material-design-lite
是的，你可以。
我正在使用带有 gem material_design_lite-sass 的 MDL，并通过从 GitHub 存储库的 lib 目录下载文件 mdl-ext.js 和 mdl-ext-eqjs.css 来包含 mdl-ext。我还从eq repository的build目录下载了eq.js。有关详细信息，请参阅 mdl-ext 的自述文件。 （不用担心缩小的文件 - 资产管道会为您缩小）
然后，我将这些文件中的每一个放在我的 Rails 应用程序中的vendor/assets 下的javascripts 或stylesheets 目录中。
最后我在资产清单文件中添加了 require 语句以将它们包含在资产管道中：
// app/assets/javascripts/application.js
//= require eq
//= require mdl-ext
和
// app/assets/stylesheets/application.scss
@import 'mdl-ext-eqjs';
【讨论】：
您不需要 npm 安装它，您可以像使用任何其他 css 框架（引导程序等）一样使用它。将其放在应用程序布局文件的 head 部分中。
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?
family=Material+Icons">
<link rel="stylesheet"
href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
然后使用 btn 之类的东西，就像使用自定义 css 类编写普通 html 一样
<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-
ripple-effect mdl-button--accent">
Button
</button>
【讨论】：
有一个 gem 可以使用Material Design Lite with Ruby。
在 Gemfile 中添加：
gem 'material_design_lite-sass'
在 /app/assets/stylesheets/application.scss 添加：
@import 'material';
注意，如果您的扩展程序不是“scss”，请务必阅读 rubysamuria 的详细说明。
在 app/assets/javascripts/application.js 添加：
//= require material
请注意，组件可以使用它。如果愿意，您甚至可以单独添加它们。
【讨论】：