如何从bootswatch .less文件开始重新编译.css文件？

Question

我成功安装了节点而且更少

我从bootswatch下载了以下两个文件'Flatly':

• variable.less
• bootswatch.less

现在我想简单地创建最终的boostrap.css而不做任何修改,只是为了尝试所有与同一主题的预先生成的bootstrap.css文件不一致.

我试过了

lessc variables.less > bootstrap.css

但是我得到了空的boostrap.css文件

我试过了

lessc bootswatch.less > bootstrap.css

但是我得到了

NameError:变量@ navbar-default-bg在C:\ Users \\ Downloads\bootswatch.less第16行,第14列:15
背景颜色中未定义:#fff ; 16色:@ navbar-default-bg; 17}

所以我尝试了这个

lessc variables.css bootswatch.less > bootstrap.css

它没有给我任何错误,但我仍然得到一个空的bootstrap.css文件.

是否有任何方法可以直接使用.css编译.或者绝对必须执行自定义此处列出的所有步骤？

Answer 1

获取Bootswatch自定义Bootstrap css的最简单方法(如果你不想打扰所有黑魔法)如下:

1. 下载Bootstrap更少的来源
2. 下载相应的Bootswatch variable.less和bootswatch.less.

3. 使用以下导入创建新文件:

   // Set imported file paths to their actual location in your environment
   @import "..../bootstrap/less/bootstrap"; // <- Bootstrap  bootstrap.less 
   @import "..../.../bootswatch";           // <- Bootswatch bootswatch.less 
   @import "..../.../variables";            // <- Bootswatch variables.less
   

4. 使用lessc(或任何兼容工具)编译此文件.