Question

我买了一个引导主题，

我想知道如何在一个好的实践中将它集成到我的Rails项目中

我应该将其Javascript和css分别转换为coffescript和scss

如果是这样，将这些文件放入Rails项目中的相应文件夹时会起作用，对吗？

我的项目基于Rails 4。

这是我的项目结构

├── app
│   ├── assets
│   ├── controllers
│   ├── helpers
│   ├── mailers
│   ├── models
│   └── views
├── bin
│   ├── bundle
│   ├── rails
│   └── rake
├── config
│   ├── application.rb
│   ├── boot.rb
│   ├── database.yml
│   ├── environment.rb
│   ├── environments
│   ├── initializers
│   ├── locales
│   └── routes.rb
├── public
│   ├── 404.html
│   ├── 422.html
│   ├── 500.html
│   ├── favicon.ico
│   └── robots.txt

这是主题的文件夹结构

它存储css, javascript, fonts, images

├── css
│   ├── animate.min.css
│   ├── bootstrap.css
│   ├── bootstrap.min.css
│   ├── font-awesome.min.css
│   ├── prettyPhoto.css
│   ├── rs-settings-ie8.css
│   ├── rs-settings.css
│   └── style.css
├── fonts
│   ├── FontAwesome.otf
│   ├── fontawesome-webfont.eot
│   ├── fontawesome-webfont.svg
│   ├── fontawesome-webfont.ttf
│   └── fontawesome-webfont.woff
├── img [23 entries exceeds filelimit, not opening dir]
├── index.html
├── js
│   ├── bootstrap.js
│   ├── bootstrap.min.js
│   ├── custom.js
│   ├── gmaps.js
│   ├── html5shiv.js
│   ├── jquery.arbitrary-anchor.js
│   ├── jquery.js
│   ├── jquery.knob.js
│   ├── jquery.prettyPhoto.js
│   ├── jquery.themepunch.plugins.min.js
│   ├── jquery.themepunch.revolution.min.js
│   ├── respond.min.js
│   └── waypoints.min.js
└── rs-assets [36 entries exceeds filelimit, not opening dir]

Answer 1

我认为我知道一些方法可以做好练习：

'四人帮和复合模式' - 用单一的整体宝石组成你的bootstrap-theme。
使用清单文件解析路径。

尝试第二个解决方案：

将bootstrap-theme文件夹放入/ app / assets目录。
添加到“/ bootstrap-theme / js”文件夹新文件 application.js ，内容为：
```
//= require_tree .
```
添加到“/ bootstrap-theme / css”文件夹新文件 application.css ，内容为：
```
/*
 *= require_tree .
*/
```
包含在/app/assets/javascripts/application.js中：
```
//= require ../bootstrap-theme/js
```
包含在/app/assets/stylesheets/application.css中：
```
//= require ../bootstrap-theme/css
```

将bootstrap-theme集成到Ruby on Rails项目中

1 个答案: