将Less和CSS文件与grails lesscss-resource一起捆绑

时间:2012-12-01 15:20:43

标签: css grails less grails-plugin

在我的grails应用程序中,我定义了以下资源模块,其中包含Less和常规CSS文件生成的CSS文件的混合。

responsive {
    dependsOn 'jquery'

    resource 'js/responsive/bootstrap.js'

    resource 'css/footer.css'
    resource url: 'less/style.less', attrs: [rel: "stylesheet/less", type: 'css'], bundle: 'bundle_responsive'
}

根据plugin docsbundle: 'bundle_responsive'应该将所有CSS文件捆绑在一起。当页面加载时,我发现确实只有一个CSS包

<link href="/summer-festivals/bundle-bundle_responsive_head.css" type="text/css" rel="stylesheet" media="screen, projection" />

但是,找不到捆绑包文件,所以我收到错误:

  

ERROR resource.ResourceMeta - 找不到资源:/bundle-bundle_responsive_head.css

当然,捆绑包中没有任何资源被加载。如果删除bundle: 'bundle_responsive',则会加载所有资源,但从Less生成的CSS文件与常规CSS文件不同。

如何将所有CSS文件捆绑在一起?

1 个答案:

答案 0 :(得分:1)

我没有使用过这个,所以我的回答完全基于我对文档的阅读以及你的示例代码的比较。可能是原因之一(您必须测试)是将块声明responsive放在单引号中,如文档代码,因为可能正在影响“路径“到资源:

不是:responsive { ... }

但是:'responsive' { ... }