如何重新编译 variables.less？答案

【问题标题】：How to recompile variables.less?如何重新编译 variables.less？
【发布时间】：2013-12-14 13:07:02
【问题描述】：

我正在使用我网站上的 .less 文件使用 Twitter Bootstrap，并且我已经更改了 variables.less 中的一些内容，现在我想重新编译代码。任何人都可以指出如何重新编译 .less 代码的来源吗？手动编辑文件不起作用。

【问题讨论】：

【解决方案1】：

试试 SimpleLess。全平台免费http://wearekiss.com/simpless

【讨论】：

【解决方案2】：

下面是一组可能执行的操作以重新编译更改。我建议您在不同的文件中进行更改，然后使用自定义更改导入文件：

在 variables.less 文件的相同或并行目录（例如：../shared）中创建 custom.less 文件；在自定义 less 文件中添加对 variables.less 文件的引用和常量的新定义（例如：表格的单元格填充）；
```
@table-cell-padding:            5px;
@table-condensed-cell-padding:  2px;
```

在 variables.less 之后不久在 bootstrap.css 文件中添加对 custom.less 文件的引用

// Core variables and mixins
@import "variables.less";
@import "../shared/custom.less";
@import "mixins.less";

用web编译器编译修改过的less文件（如果没有，从Tools->Extensions and Updates安装）；
检查 bootstrap.css 自定义值是否正确更改为您在 custom.less 中设置的值；
检查compilerconfig.json（一个从Web Compiler创建的文件），你通过编译创建的bootstrap.css文件与_Layout.cshtml中提到的相同；以防万一，修改json文件的outputFile，覆盖_Layout.cshtml文件中引用的bootstrap.css；

【讨论】：