CSS @import语句

时间:2012-03-03 18:11:59

标签: css grails less

我目前正在使用Initializr生成的HTML5 Boilerplate的Bootstrap增强版本,该版本还包括LESS框架。

现在,style.less包含在以下行中:

<link rel="stylesheet/less" href="${resource(dir: 'less', file: 'style.less') }">

这样可行,但第@import('bootstrap/bootstrap.less')行失败了,因为它无法在bootstrap.less中找到/static/less/bootstrap/bootstrap.less文件。但是,该文件在没有static部分的情况下可用。

我是否需要告诉Grails不要直接将GSP页面引用文件(它们可能属于哪种类型)放在正确的目录中,即static

我发现了一个有关此问题的问题:http://jira.grails.org/browse/GPRESOURCES-135 - 这告诉我,它已在版本1.2中修复,我目前正在使用2.0.2。

为了使这项工作,我该怎么做?

1 个答案:

答案 0 :(得分:3)

我安装了预编译lesscss-resources文件的LESS插件。这样,我也可以使用@import语句。

我已将核心样式表定义为ApplicationConfig.groovy中的模块。

modules = {

    // ...

    sitecore {      
        dependsOn 'jquery'

        resource url:'less/style.less', attrs:[rel: "stylesheet/less", type:'css'], bundle:'bundle_sitecore'
        resource url:'js/main.js'
    }

通过这样做,我可以使用Grails的Resources插件引用它:

<r:require module="sitecore" />