【发布时间】:2016-09-27 15:41:44
【问题描述】:
我正在使用一些 css 和 js 插件模板在 Rails 中开发应用程序, 默认情况下,我们应该将 js 和 css 文件分开到 javascript 和 css 文件夹中,对吗?
但问题是我的插件文件夹结构相当复杂, 有很多子文件夹,所以我决定将所有资产(css、js、图像、字体)放入一个文件夹中,问题是一切都无法在生产模式下运行,css 样式、脚本、图像都没有加载,拜托帮助。
这是我的结构:
javascripts
stylesheets
public_assets
- img
- icon
- bg
- favicon
- images
- proteam
- png
- ualanding
- portofolio
- fullsize
- thumbnail
- font
- css
- js
- sass
- vendor
- ninja-slider
- bootstrap
- font
- css
- js
- font awesome
- css
- fonts
- less
- scss
- jquery
- magnific-popup
- scroolreveal
- vid
images
Static_Dev
仅供参考,我已经运行了
rake 资产:预编译
命令
我参考我的图片大多是这样的:
<img alt="UrbanAce" src="assets/img/logo.png" height="24">
我相信当我在生产模式下运行时,资产路径发生了变化,所以我将图像标签更改为:
<%= image_tag "logo.png", { src: "logo.png", height: "24"} %>
即使在开发模式下,上面的代码也不起作用。
另外,如果我需要从 css 调用一些背景图像怎么办? 类似的东西:
.hero {
background-image: url("../img/png/UA-Landing/UA-Pattern.png");
background-repeat: repeat-x;
background-position: 0 76px;
height: 280px;
}
我这样称呼字体:
@font-face{font-family:FreightSansPro;src:url(../font/FreightSansPro-Light.otf) format("opentype");
我应该如何替换它?所以它将在生产和开发模式下工作。
非常感谢....
【问题讨论】:
标签: ruby-on-rails ruby-on-rails-3 ruby-on-rails-4 sprockets