如何编译引导程序以获得与预编译相同的版本

Question

我买了一个模板。如果我尝试用bootstrap的预编译版本编译它，一切都很好。

@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文件夹的颜色方面的预编译变体?

我需要这个，因为我需要编译我的模板与剑道UI和我的模板提供不是每一个主题变量我需要剑道UI引导映射器。

---

这是我的gulp任务

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'));
    });

Answer 1

这里有几个可能的问题:

1. 你的项目中可能没有相同的Bootstrap CSS和Bootstrap less版本。确保bootstrap.css文件顶部列出的版本与bootstrap.less文件顶部列出的版本相同。这是最有可能的原因——它们很容易不协调。
2. 确保你有最新的无gulp版本。这个插件在过去有一些报告的导入处理问题，现在已经修复了。
3. Gulp-less可能不尊重您的进口"订单"-过去曾报告过此问题。如果这是你的问题，那你的日子就不好过了。然而，如果是这种情况，你可以使用一个简单的解决方案:用gulp直接抓取和渲染bootstrap库文件，将它们输出到你的"源"(例如styles/lib/bootstrap)中的css文件中，然后导入输出的css文件。只有在绝对最后的时候才这么做——这是一个非常非常严重的黑客攻击。
4. 模板本身可能包含与您安装的版本不同的Bootstrap。检查模板，看看它有哪些依赖。