使用LESS with grails lesscss-resource

Question

使用LESS with grails lesscss-resource

Jor*_*ust 2 grails plugins less

我无法找到一个很好的解释来在我的grails应用程序中设置它.我正在使用最新版本的lessees-resource插件运行grails 2但是我找不到关于如何设置它的深入解释.

我在哪里放少量文件？

它将被编译为什么？

我该如何链接到这个编译的源代码？

如果这是一个简单的问题,我很抱歉,但我根本找不到这方面的好文件.

为了具体到我需要的东西,我让整个TwitterBootstrap项目的文件更少.

我使用Theme.less来覆盖更改,方法是将所有文件导入到此文件中,并使更改独立于实际项目,以便更新引导程序.

/less
  Theme.less
  Bootstrap/ #The entire twitter bootstrap project

Run Code Online (Sandbox Code Playgroud)

如何编译Theme.less以及如何在我的应用程序主布局中引用它

Answer 1

yur*_*ghm 6

您必须在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']
    }
}

Run Code Online (Sandbox Code Playgroud)

请注意,您可以将较少的文件放在web-app文件夹中的任何位置,在此文件中配置它们的位置.

如果你覆盖Twitter Bootstrap,你可以做的另一件事是在theme.less文件的开头导入bootstrap:

@import "libs/bootstrap.less";

Run Code Online (Sandbox Code Playgroud)

并删除此资源声明ApplicationResources.groovy.如果这样做,如果在项目运行时进行更改(它必须编译较少的文件),则编译较少的文件将花费更长的时间.

要在布局上使用此模块(即main.gsp),请包含以下代码行:

<!doctype html>
    <head>
        ...
        <r:require module="yourstyle"/>
        <r:layoutResources />
    </head>
    <body>
        ...
        <r:layoutResources />
    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

layoutResources对于资源和身体末端资源,您需要将标记两次添加到页面中(因为您可以声明要在哪里包含资源,默认情况下在body标记的末尾).您可以在http://grails-plugins.github.com/grails-resources/上阅读有关Grails Resources如何工作的更多信息.

请注意,"您的风格"已经取决于"引导程序",因此您不需要在布局中包含它们.

归档时间：	13 年前
查看次数：	2241 次
最近记录：	10 年，8 月前