Tag: asset pipeline

使用Rails 3.1的资产管道预编译.scss清单文件: Rails 3.1的发布版本在预编译带有扩展名scss的sass清单文件时遇到了一些奇怪的问题。奇怪的是，默认的清单文件application.scss编译得很好，我在public/assets/下看到它。但是，当我尝试编译自定义清单文件时，不会创建任何内容。我在生产配置中启用了预编译选项。 config.assets.precompile += %w( user.scss admin.scss ) 就我所知，我正在正确运行预编译rake任务。 rake assets:precompile RAILS_ENV=production 也许这会有所帮助。当我使用扩展名css而不是scss创建两个新的清单文件并且需要其中的原始scss文件时，这些新的清单文件将得到尊重并正确编译。为什么application.scss得到这种特殊处理而不是其他sass清单文件？

使用’material-ui’和react-rails gem？: 我想在我的Rails 4应用程序中使用material-ui组件库。我目前正在使用react-rails gem将.jsx编译添加到资产管道。我在gemfile中通过rails-assets添加了material-ui，如下所示： source ‘https://rails-assets.org’ do gem ‘rails-assets-material-ui’ end 我在我的application.js文件中需要这样的库： //= require material-ui 但是我一直收到错误“找不到文件’材料-ui”。如何使用react-rails gem在我的Rails应用程序中使用material-ui组件库？

Rails 3，@ font-face使用firefox生成失败: 我在rails 3应用程序中使用font-awesome ，在开发模式下一切正常，但是当我推送到Heroku时，Firefox无法呈现图标，相反，我看到了： Chrome在开发和制作中使图标很好这只会影响FireFox（虽然我没试过IE）该应用程序在这里，如果有人能够确认这不仅仅发生在我的机器上（以帮助我排除本地主机缓存问题），我将不胜感激。所有资产（包括字体和样式表）都使用asset_sync gem托管在S3上。这就是我所做的：将以下内容添加到font-awesome.css.scss的顶部：** // font-awesome.css.scss @font-face { font-family: ‘FontAwesome’; src: font-url(“fontawesome-webfont.eot”); src: font-url(“fontawesome-webfont.eot?#iefix”) format(“eot”), font-url(“fontawesome-webfont.woff”) format(“woff”), font-url(“fontawesome-webfont.ttf”) format(“truetype”), font-url(“fontawesome-webfont.svg#FontAwesome”) format(“svg”); font-weight: normal; font-style: normal; } 然后我把它放在application.rb中： # application.rb config.assets.paths << Rails.root.join("app", "assets", "fonts") config.assets.precompile += %w( .svg .eot .woff .ttf ) 最后我将所有4个字体文件放在app/assets/fonts 。我真的很想知道我在这里做错了什么。

Rails 4 + bootstrap设置资产: 我正在尝试使用bootstrap-sass在Rails4上设置bootstrap ，我收到了这个着名的错误： Sprockets::FileNotFound – couldn’t find file ‘bootstrap’ (in app/assets/javascripts/application.js:16): 我试过以下： application.js twitter/bootstrap gem ‘bootstrap-sass’, ‘~> 3.1.0’是组外资产还尝试了一些互联网上的其他东西我花了很多时间从其他post中提出不同的建议。我如何系统地调试这个，如何设置bootstrap-sass？ ps：也试图让twitter-bootstrap-rails没有运气。这是一些文件的application.js //= require jquery //= require jquery_ujs //= require js-routes //= require bootstrap //= require_tree . //= require bootstrap-slider application.css.scss *= require jquery.ui.core *= require jquery.ui.theme *= require_self *= require bootstrap-slider *= […]

在Rails 3.1 Asset Pipeline中放置Galleria（jQuery图库框架）的位置？: 关于在Rails 3.1的新资产管道中放置像Galleria这样的jQuery框架，我有点困惑？从技术上讲，我知道它应该进入/vendors/assets/javascripts 但是，我的理解是，带有jQuery和主题的Galleria文件夹想要在实时站点的根目录（ /galleria ）中才能正常工作。此外，当我们在它的时候，在哪里放置以下脚本，以便它只出现在带有图库的页面上？ $(‘#gallery’).galleria({ width:500, height:500 }); 编辑：惊讶没有回应！？！也许Galleria不那么受欢迎？这些是我正在尝试加载的文件。虽然我可以轻松地移动它们，但它们是这样捆绑的： vendor/ assets/ javascripts/ galleria-1.2.5.js galleria-1.2.5.min.js galleria/ themes/ classic/ classic-loader.gif classic-map.png galleria.classic.css galleria.classic.js galleria.classic.min.js 我认为Sprockets require_tree . 会加载app/assets ， lib/assets和vendor/assets吗？！？

在Production中找不到文件’twitter / bootstrap’: 我正在使用Twitter的Bootstrap翻译成SCSS文件。它适用于本地开发，但是当我预编译并推送到Heroku（使用Cedar堆栈）时，我得到了这个： > Started GET “/” for 74.57.16.130 at 2012-01-28 17:16:36 +0000 > Processing by StaticPagesController#home as HTML Rendered > static_pages/home.html.erb within layouts/application (0.7ms) > Completed 500 Internal Server Error in 4ms > > ActionView::Template::Error (couldn’t find file ‘twitter/bootstrap’ > (in /app/app/assets/stylesheets/application.scss.css:11)): > 8: > 6: > 4: > 2: > 5: “all” %> app/views/layouts/application.html.erb:5:in […]

带有backbone-rails的Rails：EJS文件中的资产助手（image_path）: 我有一个使用codebrew / backbone-rails的Rails 3.1应用程序。在.jst.ejs模板中，我想包含一个图像，如下所示： “/> 但当然资产助手并不适用于JavaScript。链接ERB（.jst.ejs.erb）不起作用，因为EJS语法与ERB冲突。这就是我所知道的：资产助手在浏览器中不可用，因此我需要在服务器端运行它们。我可以解决这个问题，让服务器将各种资产路径转储到HTML中（通过数据属性或和JSON）并在JS中读回它们，但这看起来很笨拙。有没有办法以某种方式在EJS文件中使用资产助手？

如何在Rails资产管道中确定给定资产的MD5摘要？: 我正在Ruby on Rails 3.1项目中编写一个富含Javascript的应用程序，并使用Handlebars作为我的JS模板框架。我正试图找出一种方法来动态地将资产的MD5摘要（在生产中的资产预编译期间生成）附加到我的Handlebars模板内的标签。我希望有一个哈希，资产路径作为密钥，MD5摘要作为值，但我找不到。一个理想的解决方案是将Ruby中的哈希值传递给Javascript，并定义一个Handlebars帮助程序，它将自动将MD5摘要附加到资产的“src”属性。有没有人试图做类似的事情？必须有一种方法可以在Rails中使用Javascript模板，并且还可以获得资产指纹识别的好处。

使用erb的Sass无法编译: 在Rails中，文件file.css.sass.erb ： .class-name width: 抛出错误： Invalid CSS after “”: expected expression (eg 1px, bold), was “” 它不应该工作吗？更新1 仍然在努力，但我发现，如果我将其更改为SCSS语法（文件名和代码），仍然会导致非常类似的错误。 Invalid CSS after ” width: “: expected expression (eg 1px, bold), was “;” 虽然，如果我删除 scss扩展，将CSS与文件名file.css.erb类似的语法，Rails会按预期编译。然而，考虑到我忘记了一些非常明显的事情，我也在考虑这可能是与sass-rails或bug或其他东西的gem冲突。毕竟，代码在没有SASS扩展的情况下工作。更新2 刚刚在同一问题上找到了其他4个未解答的问题： scss.erb ruby代码没有执行资产未通过.erb预处理器运行 Rails erb预处理不在开发模式下进行链轮sass部分erb扩展。他们中的一些人最终通过改变方法解决了这个问题。 SASS文件的ERB问题仍未触及。