2013-12-14 68 views
0

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

回答

0

下面是一组可执行重新编译更改的操作。我建议你做在不同的文件中进行更改,然后导入与自定义更改文件:

  • 建立在相同或平行的目录custom.less文件(例如:../shared) variables.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"; 
    
  • 编译网站编译修改后的减档(从工具安装 - >扩展和更新,如果你没有它);

  • 检入到bootstrap.css中,自定义值已正确更改为您在custom.less中设置的值;
  • 检查compilerconfig.json(从Web编译器创建的文件)您使用编译创建的文件bootstrap.css与_Layout.cshtml中的引用相同;在这种情况下,修改json文件的outputFile以覆盖_Layout.cshtml文件中引用的bootstrap.css;