Question

我正在学习更少，我正在努力了解如何定义输出.css文件。我使用的示例模板已经定义了较少的文件

about-section.less
base.less
callout-section.less
mixins.less
responsive.less
styles.less
theme-default.less

在Visual Studio中我已经定义了以下文件夹结构并将所有较少的文件放入less目录中，因此它看起来像这样

>content
 >>css
 >>less
  >>>about-section.less
  >>>base.less
  >>>callout-section.less
  >>>mixins.less
  >>>responsive.less
  >>>styles.less
  >>>theme-default.less
  >>>header.less
  >>>footer.less

编译较少的文件我正在使用名为winless（http://winless.org/）的东西，这只是一个程序，它允许您选择包含较少文件的direcorty，每次我在Visual Studio中保存所有文件都被编译。

Winless陈述以下

如果您有一个名为'less'的文件夹和一个名为'css'的文件夹相同级别，添加父文件夹。然后WinLess会自动使用将css文件夹作为输出文件夹。

编译较少的文件时，css目录中填充了四个.css文件

>>css
  >>>mixins.css (contains nothing)
  >>>responsive.css (contains minified css (media queries))
  >>>styles.css (contains minified css)
  >>>theme-default.css (contains nothing)

我不明白你如何定义哪些.css文件被创建为输出？我不需要mixins.css，resposive.css或theme-default.css.I只需要styles.css，因为它包含所有内容。

为什么不将header.less，footer.less等输出为.css，它定义为mixins.css，responsive.css，styles.css和theme-default.css是否创建为.css文件？

我的styles.less看起来如下

@import "mixins.less";
@import "theme-default.less";
@import "base.less";
@import "header.less";
@import "footer.less";
@import "responsive.less";
@import "about-section.less";
@import "callout-section.less";

谢谢

如何定义哪些LESS文件作为.css文件输出

0 个答案: