资产中的grailsjqueryui

资产中的grailsjqueryui,jquery,grails,Jquery,Grails,我的问题是我的application.js看起来像这样 //= require plugins/jquery/3.1.0/jquery.min.js //= require plugins/jquery-ui/jquery-ui.min.js //= require spring-websocket 图像位于assets/images/下。但是当运行页面时,图标会丢失,因为正在“资源/图像”下搜索它们 如何解决这个问题?欢迎任何提示。提前感谢。所有CSS图像相对于图像文件夹的路径应与它们相对于

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

//= require plugins/jquery/3.1.0/jquery.min.js
//= require plugins/jquery-ui/jquery-ui.min.js
//= require spring-websocket
图像位于assets/images/下。但是当运行页面时,图标会丢失,因为正在“资源/图像”下搜索它们


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

所有CSS图像相对于
图像
文件夹的路径应与它们相对于库分发中的CSS文件的路径相同

例如,如果您的库包含以下文件:

├── img
│   └── image.png
└── styles.css
那么您的资产应位于:

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

所有CSS图像相对于
图像
文件夹的路径应与它们相对于库分发中的CSS文件的路径相同

例如,如果您的库包含以下文件:

├── img
│   └── image.png
└── styles.css
那么您的资产应位于:

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

我将采用另一种方法来处理这种情况,并建议不要将第三方库拆分为标准资产管道文件夹。我将创建另一个根目录,其中包含外部创建的库:

└── assets
    ├── images
    │   └── ...
    ├── stylesheets
    │   └── ...
    ├── javascripts
    │   └── ...
    └── vendor
         ├── jquery
         │
         ├── jquery-ui
         │
        ...
资产管道作者(Bertram)甚至在网站上提到了这一点:

添加到此组织集合的公共文件夹是“lib” 文件夹。此文件夹可用于组织第三方库 比如jQuery,或者Bootstrap


我觉得拆分外部库以适应资产管道范例是错误的(而且需要做更多的工作)。

我将采用另一种方法来处理这种情况,并建议不要将第三方库拆分到标准资产管道文件夹中。我将创建另一个根目录,其中包含外部创建的库:

└── assets
    ├── images
    │   └── ...
    ├── stylesheets
    │   └── ...
    ├── javascripts
    │   └── ...
    └── vendor
         ├── jquery
         │
         ├── jquery-ui
         │
        ...
资产管道作者(Bertram)甚至在网站上提到了这一点:

添加到此组织集合的公共文件夹是“lib” 文件夹。此文件夹可用于组织第三方库 比如jQuery,或者Bootstrap


我觉得拆分外部库以适应资产管道范式是错误的(还有更多的工作)。

从您的描述中不清楚应该在哪里搜索图像,如果不是在
资产/图像下的话。
?我对grails开发非常陌生。我将jquery-ui.js放在assets/javascripts/amd下,将css文件放在assets/stylesheets/下,将图像放在/assets/images/下。对吗?并将此资产文件与要求联系起来。我的意思是jquery ui pluginIt不清楚应该在哪里搜索图像,如果不是在
资产/images
下的话?我对grails开发非常陌生。我将jquery-ui.js放在assets/javascripts/amd下,将css文件放在assets/stylesheets/下,将图像放在/assets/images/下。对吗?并将此资产文件与要求联系起来。我的意思是它是jQueryUI插件