Question

我正在开发一个带有一些css和js插件模板的应用程序，默认情况下我们应该将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 assets：precompile

命令

我引用我的图像大多是这样的：

<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");

我该如何更换它？所以它将适用于生产和开发模式。

非常感谢....

Answer 1

<%= image_tag "logo.png", { src: "logo.png", height: "24"} %>

您无需设置src。第一个参数已经是文件名。这样做：

<%= image_tag "logo.png", height: "24" %>

如果app/assets/images/logo.png处有文件，则会显示。

要解决另一个文件（例如，favicon），请使用以下路径：

<%= image_tag "img/favicon.ico" %>

这是文件的路径，减去顶级文件夹（在此示例中为public_assets）。

无法使铁路资产管道工作？

1 个答案: