将较少的文件导入到另一个较少的文件但不包含其内容

Question

我有两个文件少.一个名为main.less的导入bootstrap.less(包括bootstrap变量等等)和dash.less,它只有我的仪表板样式.这两个文件应生成两个css文件.main.css和dash.css.

我将main.css包含在我的所有页面中,将dash.css包含在仪表板中.

我要做的是:将main.less与包含的bootstrap变量编译到main.css中.然后使用bootstrap.less变量编译dash.cless到dash.css.然而,这将导致bootstrap.less的内容再次包含在dash.css中,我不想要因为我已经在我的html中包含了main.css.

有没有人遇到过这个？

在尝试了几种方法后,我的决定是使用grunt任务来删除重复的css块.

Answer 1

找到了办法.我不得不像这样使用import:

@import (reference) "bootstrap.less";

.myclass{color:@bootstrap-variable;}
.anotherclass{.classDefinedInBootstrapLessWhichUsesAVariableDefinedInVariablesLess}

使用"reference"将导入导入的文件但不包含它.