无法为生产环境、Rails 4.2.1、Bower 组件预编译资产

Question

我在前端为第三方使用 bower。

我对 AdminLTE 主题中使用的 iCheck 组件有疑问。

这是我的 Ruby on Rails 4.2.1 服务器端应用程序的 application.sass 文件：

@import "bootstrap-css-only/css/bootstrap"
@import "css/AdminLTE"
@import "css/skin-purple"

/*theme AdminLTE-2.3.0*/
@import "font-awesome/css/font-awesome"
@import "iCheck/skins/minimal/_all"
@import "iCheck/skins/square/_all"
@import "iCheck/skins/flat/_all"
@import "iCheck/skins/line/_all"
@import "iCheck/skins/polaris/polaris"
@import "iCheck/skins/futurico/futurico"
@import "iCheck/skins/all"

/*javascript notifications*/
@import "pnotify/src/pnotify.core"
@import "pnotify/src/pnotify.buttons"

/* Font awesome import*/
@import "font-awesome/css/font-awesome"

/*angular modules stylesheets*/
@import "core/stylesheets/users"

iCheck 组件有问题，因为在 iCheck/skins/all.css 文件中有导入：

@import url("minimal/_all.css");
@import url("square/_all.css");

当我为生产环境预编译资产时，那些 css 文件不存在。在开发模式下，一切都像一个魅力！

对此有何建议？

Answer 1

这里的问题是你编译的css文件仍然有相同的导入命令，即引用minimal/_all.css和square/_all.css。

这个问题有两种解决方案：

1. 您可以将所有导入文件的扩展名更改为scss，并将导入指令从@import url("...")更改为@import "..."

2. 或者您可以将通过 url 导入的文件复制到您的公共文件夹中，您的浏览器会找到它们（当然，它们不会被缩小，我不建议您使用此解决方案）