jquery - Rails DataTables CSS 不会在生产模式下应用

Question

我正在使用 Rails 5 和 jquery-datatables-rails(3.4.0，最新)gem。

表格上的 CSS 在开发模式下呈现良好。我可以浏览 CSS 并看到它的结构良好，如下所示:

http://localhost:3000/assets/dataTables/jquery.dataTables.self-MD5.css?body=1

但是，在生产模式下，不会应用任何样式。 CSS 全部被“预编译”或被修改为: http://my.ip/assets/application-MD5.css

Chrome 可以加载远程应用程序 -.css 文件。我验证了开发模式 asset/dataTables/jquery.dataTables.css 和生产模式 asset/application*.css 中都出现了几个 CSS 类。就像，

/* line 265, /Users/rb/.rvm/gems/ruby-2.3.1@flv/gems/jquery-datatables-rails-3.4.0/app/assets/stylesheets/dataTables/jquery.dataTables.scss */
table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

我在生产应用程序*.css 中找到了相应的“table.dataTable td”，它看起来是正确的!

但是 Chrome 和 Firefox 拒绝渲染它们。我究竟做错了什么？这是在 app/assets/stylesheets/application.css 中:

*= require_tree .
 *= require dataTables/jquery.dataTables
 *= require jquery-ui
 *= require_self

这是在生产模式下渲染的 head 标签:

<link rel="stylesheet" media="all" href="/assets/application-MD5.css" data-turbolinks-track="reload" />

Answer 1

最终有效的解决方案:

1. 创建一个一次性的新元素，rails new fakeProject

2. 将所有 rake Assets 管道设置从 fakeProject/config/environments/Production.rb 复制到我的元素 config/environments/Production.rb

3. 推送到 git，使用 capistrano 部署

4. 清除chrome中的缓存，重新启动puma，查看css样式，利润$$$

不幸的是，我用于 Rails Assets 管道的设置之一快要了我的命。我从来没有弄清楚是哪一个，只是用核武器攻击了它们。