Question

我需要更多组件来开发rails应用程序上的ruby。我可以直接在我的资产文件夹中使用包含它们的mdl-ext组件，因为没有gem可以通过软件包安装程序安装它。

此处提供了材料设计精简版扩展程序https://github.com/leifoolsen/mdl-ext

我想将它与材料设计精简版一起使用 https://rails-assets.org/#/components/mdl。注意！材料设计精简我已经在使用它了。

如果可以，这是将其包含在资产管道中的最佳方式？

Answer 1

你不需要npm安装它，你可以像使用任何其他css框架（bootstrap等）一样使用它。将下面放在应用程序布局文件的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>

https://getmdl.io/started/index.html

Answer 2

使用Material Design Lite with Ruby有一个宝石。

在Gemfile中添加：

gem 'material_design_lite-sass'

在/app/assets/stylesheets/application.scss中添加：

@import 'material';

请注意，如果您的附加信息不是＆＃39; scss＆＃39;请务必阅读rubysamuria的详细说明。

在app / assets / javascripts / application.js中添加：

//= require material

请注意，组件可以使用此功能。如果愿意，您甚至可以单独添加它们。

Answer 3

是的，你可以。

我正在使用带有material_design_lite-sass的MDL，我通过从GitHub存储库的mdl-ext.js目录下载文件mdl-ext-eqjs.css和lib来包含mdl-ext 。我还从eq repository的eq.js目录下载了build。有关更多信息，请参阅mdl-ext的自述文件。（不要担心缩小的文件 - 资产管道会为你缩减）

然后我将这些文件放在我的Rails应用程序中javascripts下的stylesheets或vendor/assets目录中。

最后，我在资产清单文件中添加了require语句，以将它们包含在资产管道中：

// app/assets/javascripts/application.js

//= require eq
//= require mdl-ext

和

// app/assets/stylesheets/application.scss

@import 'mdl-ext-eqjs';

我可以在rails应用程序的ruby中使用材质设计精简版扩展吗？

3 个答案: