1

我买了一个模板。如果我尝试使用预编译版本的引导程序编译它,一切都很好。

@import "bootstrap.css"; //Precompiled Bootstrap
@import "nifty/nifty.less"; //My theme

但是,如果我将编译 bootstrap less 变体,则某些颜色与预期不同:

@import "bootstrap/bootstrap.less"; //Same Version as above, but not precompiled
@import "nifty/nifty.less"; //My theme

有什么区别。dist我应该如何编译引导程序,以在颜色方面与文件夹中的预编译变体具有完全相同的结果?

我需要这个,因为我需要将我的模板与Kendo UI一起编译,并且我的模板并未提供 Kendo UI Bootstrap Mapper 所需的每个主题变量。


这是我的吞咽任务:

gulp.task('theme',
    function () {
        return gulp.src('./Content/less/theme.less')
          .pipe(plumber())
          .pipe(less({
              paths: [path.join(__dirname, 'less', 'includes')]
          }))
          .pipe(gulp.dest('./Content/theme'));
    });
4

1 回答 1

1

这里有几个可能的问题:

  1. 您的项目中可能没有安装等效的 Bootstrap CSS 和 Bootstrap less 版本。确保 bootstrap.css 文件顶部列出的版本与 bootstrap.less 顶部的版本相同。这是最可能的原因 - 这些很容易失步。
  2. 确保您拥有最新的无 gulp 版本。该插件过去曾报告过一些与导入处理有关的问题,这些问题已得到修复。
  3. Gulp-less 可能不尊重您的导入“订单” - 过去曾报告过这方面的问题。如果这是问题所在,那么您将面临一段艰难的时期。但是,如果是这种情况,您可以使用一个 hackish 解决方案:直接使用 gulp 抓取并渲染引导库文件,将它们输出到“源”中的 css 文件中(例如样式/lib/bootstrap),然后导入输出的css 文件。仅将此作为绝对的最后手段 - 这是一个主要的,主要的黑客攻击。
  4. 模板本身可能包含与您安装的不同版本的 Bootstrap。检查模板以查看它具有哪些依赖项。
于 2016-08-29T08:48:16.733 回答