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

Question

这是我的问题.在我的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/*"
            ]
        }
    },

Answer 1

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

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

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