Question

我创建了一个全新的Rails 3.1应用程序。我在app / assets / stylesheets / bootstrap.min.css中添加了twitter bootstrap CSS文件。这是相关代码

app / assets / stylesheets / application.css（包括树，所以包含bootstrap）

/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
 *= require_tree . 
*/

Gemfile（包括用于编译/压缩的execjs和therubyracer）

group :development, :qa do
  gem 'execjs'
  gem 'therubyracer'
end
# Gems used only for assets and not required
# in production environments by default.
group :assets do
  gem 'sass-rails',   '~> 3.1.0'
  gem 'coffee-rails', '~> 3.1.0'
  gem 'uglifier', '>= 1.0.3'
end

然后我运行rake任务来预编译资产

rake assets:precompile

此操作因以下错误而失败

Invalid CSS after ".inputs-list li+": expected number or function, was "li"

CSS在引导程序文件中（“.inputs-list li + li”是选择器）。

但是，如果我跑

rake assets:precompile RAILS_ENV=development

现在它运作正常。事实证明，如果我将config / environments / production.rb更改为不压缩文件：

config.assets.compress = false

然后原始命令也起作用（没有指定开发环境）。

那么，我该如何追踪错误？我现在可以忍受只是关闭压缩，但显然有些不对劲。是Rails吗？链轮？红宝石赛车？ Uglifier？

Answer 1

我建议使用其中一个将bootstrap转换为sass的库，并将其合并到资产管道中。通过这种方式，您将获得JS，您可以更改bootstrap在preboot.scss文件中使用的变量，并且您可以选择要合并的功能。您还可以使用bundler进行升级。

我使用bootstrap-sass并且效果很好：https://github.com/thomas-mcdonald/bootstrap-sass

Answer 2

我使用非缩小版的Bootstrap修复了这个问题。在运行rake assets:precompile时它仍然会被编译，所以这不是问题：）

根据预编译期间的Rails 3.1资产管道，Twitter bootstrap有无效的CSS？

2 个答案: