css - 如何使用 Bower 在 Rails 应用程序中包含自己的 css 文件?

标签 css ruby-on-rails bower

我正在开发一个 Rails 应用程序,我想在我的 Rails 应用程序中包含一些自定义的 css 文件。我想将 css 从 bootstrap 和我写的 css 中分离出来。我可以将自定义 css 文件放在我自己的 css 文件夹中的 vendor/assets/bower_components 文件夹中吗?

为了提取我的 css 文件,我还需要做些什么吗?

最佳答案

您可以通过多种方式在 Rails 应用程序中实现 Bower 功能。

尽管如此,我不确定您是否想在您的 custom.css 文件中使用它。如果将文件保存在 app/assets/stylesheets 文件夹中,该文件本身也可以正常工作,这会将其连接到 asset pipeline


Bower-Rails

您可能希望考虑使用 bower-rails,它似乎只是让您能够在 Rails 应用程序中使用 bower。这似乎专门用于帮助您使依赖项保持最新:

Dependency file is bower.json in Rails root dir or Bowerfile if you use DSL. Check out changelog for the latest changes and releases.


RailsAssets

我们最近发现的另一个令人惊奇的功能是“RailsAssets”

这非常有效(我们在生产中使用它),因为它使您的依赖 Assets 完全保持最新。您可以非常简单地使用它:

#Gemfile
source https://rails-assets.org
gem 'rails-assets-BOWER_PACKAGE_NAME'

#app/assets/javascripts/application.js
//= require BOWER_PACKAGE_NAME

当运行 bundle update 时,这将使您能够根据您的应用更新您的 Assets !

关于css - 如何使用 Bower 在 Rails 应用程序中包含自己的 css 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25900841/

相关文章:

javascript - 使 map 响应

javascript - 如何选择数组中的多个元素?

jquery - 仅更改所选选项的颜色

javascript - Bower:警告:EPERM。 Grunt 无法完成操作

css - z 索引和相对位置

ruby-on-rails - Rails wicked_pdf (wkhtmltopdf) 生产环境中的小图和bug

ruby-on-rails - FactoryBot - 创建嵌套对象

ruby-on-rails - 为什么 rails 在 insert 语句中手动指定主键 id?

jquery - 如何使用 Composer 将 yii2 项目中的 jquery 更新到版本 3.*

css - 早午餐不通过 bower.js 引入 Bootstrap