Less 不使用 Twitter Bootstrap 编译文件

Question

我在使用较少的文件和 Twitter Bootstrap 时遇到奇怪的问题：

我已经进行了深入调查，但我仍然面临问题。

我已经下载了最新版本的 less 和 Twitter Bootstrap，并且我以这种方式组织了我的文件：

bootstrap.less

/*!
 * Bootstrap v2.2.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

// Core variables and mixins
@import "less/variables.less"; // Modify this for custom colors, font-sizes, etc
@import "less/mixins.less";

// CSS Reset
@import "less/reset.less";

// Grid system and page structure
@import "less/scaffolding.less";
@import "less/grid.less";
@import "less/layouts.less";

// Base CSS
@import "less/type.less";

// Utility classes
@import "less/utilities.less"; // Has to be last to override when necessary

在我的文件夹中，我已经放置了所有文件

变量.less 少混入 无重置 少布局 无类型 实用程序较少 无脚手架 无网格

我了解到，如果文件使用 BOM 编码，则可能会导致该问题。我从 Sublime 切换到 Dreamweaver 以保存没有 BOM 的索引，但没有成功。

奇怪的是，Less 只编译了一些文件，但也告诉我很少有变量未定义，例如：

@baseFontFamily , @baseFontSize, @gridColumnwidth, @gridGutterwidth

，但这些变量是在我的 Variables.less 中设置的，并且加载了文件 bootstrap.less 和 Variables.less成功地。 我上传打印屏幕以更好地解释我的案例

可能是什么原因导致了这个问题？

感谢您的耐心等待，希望您能明白我的问题的重点

Answer 1

看起来您正在独立加载文件。不编译

less/*.less

，只编译

less/bootstrap.less

。