@inmport在较少的文件中被编译两次

时间:2014-03-30 18:28:54

标签: less gruntjs

这是我的问题。在我的css目录中,我有一个较少的目录,其中包含page.less和search.less。在page.less里面当grunt符合我的较少文件时,我使用import方法来渲染我的搜索样式。我最终得到了page.css。在page.css中,搜索样式被添加两次,即使在page.less文件中我只在一个地方导入它

我的gruntfile.js如下

  less: {
        options: {
            compress: false,
            ieCompat: false
        },
        dev: {
            dest: "css/page.css",
            src: [
                "css/less/*"
            ]
        }
    },

1 个答案:

答案 0 :(得分:7)

模式src: ["css/less/*"]正在编译所有文件。

此模式应仅包含未导入其他文件的文件,否则您将包含文件 B (导入文件 A )和文件 A 本身 - 再次。

在compass-sass中,下划线用于标识正在导入其他文件的文件,而“main”文件(导入其他文件)没有下划线。