在grails LESS LESS resource中使用LESS
我找不到一个很好的解释来在我的grails应用程序中设置它。我正在运行grails 2和最新版本的租户资源插件，但是我找不到关于如何设置这个插件的深入解释。
我应该把更少的文件放在哪里？
它将被编译成什么？
我应该如何链接到这个编译过的源代码？
如果这是一个简单的问题，我很抱歉，但我根本找不到关于这方面的好文档。
具体到我需要什么，我有整个TwitterBootstrap项目少文件。
我使用Theme.less来覆盖更改，方法是将所有文件导入到此文件中，并使更改独立于实际项目，以便更容易地更新引导程序。
/less
Theme.less
Bootstrap/ #The entire twitter bootstrap project如何编译Theme.less以及如何在应用程序主布局中引用它
回答 2
Stack Overflow用户
发布于 2012-11-10 19:50:52
您必须在ApplicationResources.groovy文件(在<your_project>/grails-app/conf文件夹中)中声明资源文件。
它应该看起来像这样：
modules = {
application {
resource url:'js/application.js'
}
bootstrap {
dependsOn 'jquery'
resource url:'js/libs/bootstrap.js'
resource url:'css/libs/bootstrap.less',attrs:[rel: "stylesheet/less", type:'css']
}
yourstyle {
dependsOn 'bootstrap'
resource url:'css/theme.less',attrs:[rel: "stylesheet/less", type:'css']
}
}请注意，您可以将较少的文件放入web-app文件夹中的任何位置，在此文件中您可以配置它们所在的位置。
如果您正在覆盖Twitter Bootstrap，您可以做的另一件事是在theme.less文件的开头导入bootstrap：
@import "libs/bootstrap.less";并在ApplicationResources.groovy中删除此资源声明。如果您这样做，如果您在项目运行时进行更改，则编译较少的文件将花费更长的时间(它必须编译两个较少的文件)。
要在布局(即main.gsp)上使用此模块，请包含以下代码行：
<!doctype html>
<head>
...
<r:require module="yourstyle"/>
<r:layoutResources />
</head>
<body>
...
<r:layoutResources />
</body>
</html>对于资源和正文末尾资源，您需要在页面中添加两次layoutResources标记(因为您可以声明您希望在何处包含资源，默认情况下在body标记的末尾)。您可以在http://grails-plugins.github.com/grails-resources/上阅读有关Grails Resources如何工作的更多信息
注意，‘你的风格’已经依赖于'bootstrap'，所以你不需要把它们都包含在你的布局中。
Stack Overflow用户
发布于 2015-03-05 02:09:07
较少的资源和较少的less resources目前( 2014年3月)都没有使用较少的1.6，这对于构建引导3.1是必要的
您可以以相同的方式使用asual-lesscss-resources插件
bootstrap{
defaultBundle 'bootstrap'
resource url:[dir: 'less', file: 'bootstrap.less'], attrs:[rel: "stylesheet/less", type:'css']
resource url: 'js/bootstrap/dropdown.js'
}https://stackoverflow.com/questions/13319270
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号