小编All*_*len的帖子

如何将UI工具包(例如Get Shit Done)添加到现有的Rails项目中?

我对Rails刚起步(通常是Web开发),所以我试图将Get Shit Done UI Kit(GSD)添加到我现有的Rails-Bootstrap应用程序中(已经使用bootstrap-railsgem 安装了Bootstrap )。

这些是此特定套件随附的文件:

x_get_shit_done
--assets
---css
-----demo.css
-----get-shit-done.css
-----gsdk-base.css
-----gsdk-checkbox-radio-switch.css
-----gsdk-sliders.css
---img
---js
-----custom.js
-----get-shit-done.js
-----gsdk-bootstrapswitch.js
-----gsdk-checkbox.js
-----gsdk-radio.js
-----jquery-ui-1.10.4.custom.min.js
--bootstrap3
--index.html
Run Code Online (Sandbox Code Playgroud)

这是在示例模板中调用样式表的方式:

<link href="bootstrap3/css/bootstrap.css" rel="stylesheet" />
    <link href="assets/css/get-shit-done.css" rel="stylesheet" />
    <link href="assets/css/demo.css" rel="stylesheet" /> 
Run Code Online (Sandbox Code Playgroud)

但是在我的Rails应用程序中,样式表/ JS的调用方式如下:

<%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %>
  <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
Run Code Online (Sandbox Code Playgroud)

我知道Rails提供了一些魔术来以这种方式向项目添加样式表,但是我不太了解该魔术如何应用​​于添加新的自定义样式表。

另外,我的应用程序中(遵循教程)的所有CSS文件均为Sass(.css.scss),所有HTML文件均为嵌入式Ruby(.html.erb),并且已经使用bootstrap-railsgem 安装了Bootstrap 。

我是否需要通过UI工具包将CSS文件转换为Sass?GSD没有任何特色,因此似乎有必要手动添加所有样式,这就是我认为无法解决的问题。

感谢您耐心等待nooby的问题:)

ruby-on-rails asset-pipeline twitter-bootstrap

5
推荐指数
1
解决办法
1407
查看次数