2014-03-30 31 views
1

这是我的问题。在我的css目录中,我有一个较少的目录,其中包含page.less和search.less。内页page.less我使用导入方法来呈现我的搜索样式,当咕噜声符合我较少的文件。我结束了page.css。在page.css正在增加的搜索风格的两倍,即使page.less文件中,我只需要导入它在一个地方@import被编译了两次的较少文件

我gruntfile.js如下

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

我不确定这会起作用,因为我不知道Grunt如何处理Less导入,并且Less中的默认值已经是@import只有一次。但是你可能想尝试使用@import(一次)'yourfile.less',看看会发生什么。 – helderdarocha

+3

模式'src:[“css/less/*”]'正在编译所有文件。这种模式应该只包含未导入到其他文件中的文件,否则您将再次包含文件'B'(其导入文件'A')和文件'A'。在'compass-sass'中,下划线用于识别被导入到其他文件的文件,而“主”文件(导入其他文件)没有下划线。 –

+0

@WallaceSidhrée哇不能相信我错过了,谢谢你的解释。它的工作现在。 – elodev

回答

7

模式src: ["css/less/*"]正在编制全部文件。

这种模式应仅包括未导入到其它文件的文件,否则你就会成为包括文件(其中进口文件一个)和文件一个本身 - 一次。

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