4

在我的 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'
}

根据插件文档，bundle: 'bundle_responsive'应该将所有 CSS 文件捆绑在一起。当页面加载时，我看到确实只有一个 CSS 包

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

但是，找不到捆绑文件，因此出现错误：

错误 resource.ResourceMeta - 找不到资源：/bundle-bundle_responsive_head.css

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

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

4

1 回答 1

1

我没有使用过这个，所以我在这里的回答纯粹是基于我对文档的阅读和你的示例代码的比较。可能是原因的一个区别（您必须测试）是将您的块声明responsive放在单引号中，如文档代码，因为这可能会影响资源“路径”的形成：

不是：responsive { ... }

但：'responsive' { ... }

于 2012-12-12T11:36:06.870 回答