Grails - LESS CSS @import 问题答案

【问题标题】：Grails - LESS CSS @import issueGrails - LESS CSS @import 问题
【发布时间】：2012-06-02 20:20:28
【问题描述】：

我无法将 .less 文件导入另一个文件。我得到一个“找不到文件”异常，尽管我三次检查了路径和语法是否正确。

这是我尝试从importingFileName.less 中导入文件的方法：

@import 'main';

这是我在 ApplicationResources.groovy 中设置资源的方式

modules = {
    application {
        resource url: 'js/libs/jquery-1.7.2.min.js', disposition: 'head'
        resource url: 'js/libs/jquery-ui-1.8.20.custom.min.js', disposition: 'head'
        resource url: 'js/libs/jquery.form.js', disposition: 'head'
        resource url: 'js/application.js', disposition: 'head'
    }

    css {
        resource url: 'css/mobile.css'
        resource url: [dir: 'less', file: 'importingFileName.less'], attrs:[rel: 'stylesheet/less', type:'css']
    }
}

这是我从 GSP 调用资源的方式：

<r:require modules="application, css"/>

这是我得到的：

ERROR resourceMappers.LesscssResourceMapper  - error compiling less file:
/home/userPath/.grails/2.0.3/projects/myApp/tomcat/work/Tomcat/localhost/_/grails-
resources/less/importingFileName.less

Message: Couldn't load main.less

如果我将所有内容捆绑到 importingFileName.less 文件中，则 CSS 会使用这些设置正确加载。欢迎提出任何建议。

【问题讨论】：

您是否已将importingFileName.less 添加到您的ApplicationResources（就像这里显示的stackoverflow.com/questions/9548564/css-import-statement）？

标签： grails plugins import less grails-plugin

【解决方案1】：

单引号可能会导致问题，具体取决于您使用的插件版本。见https://github.com/paulfairless/grails-lesscss-resources/issues/26。

试试这个：

@import "main.less";

【讨论】：