Question

我的问题是我的application.js看起来像这样

//= require plugins/jquery/3.1.0/jquery.min.js
//= require plugins/jquery-ui/jquery-ui.min.js
//= require spring-websocket

图像位于assets / images /下。但是在运行页面时，图标会丢失，因为它们是在资产/图像下搜索的......

如何解决这个问题？欢迎任何提示。提前谢谢。

Answer 1

所有CSS图像应该具有与images文件夹相同的路径，就像它们对库分发中的css文件一样。

例如，如果您的库包含文件：

├── img
│   └── image.png
└── styles.css

然后您的资产应位于：

└── assets
    ├── images
    │   └── img
    │       └── image.png
    └── stylesheets
        └── styles.css

Answer 2

我将针对这种情况采取另一种方法，并建议您不要将第三方库拆分为标准资产管道文件夹。我将创建另一个根级目录，其中包含外部创建的库：

└── assets
    ├── images
    │   └── ...
    ├── stylesheets
    │   └── ...
    ├── javascripts
    │   └── ...
    └── vendor
         ├── jquery
         │
         ├── jquery-ui
         │
        ...

资产管道作者（Bertram）甚至在usage page上提到了这一点：

添加到这组组织的公共文件夹是＆＃34; lib＆＃34; 夹。此文件夹可用于组织第三方库比如jQuery或Bootstrap。

对我来说，拆分外部库以适应资产管道范例只是感觉不对（而且工作量更大）。

Grails jQuery-UI In Assets

2 个答案: