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

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

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

但是，如果我将编译无引导变量，则某些颜色与预期不同：

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

有什么区别。我应该如何编译引导程序，以便在颜色方面与

dist

文件夹中的预编译变量具有完全相同的结果

我需要这个，因为我需要与一起编译我的模板，而我的模板并没有提供剑道UI引导映射器所需的所有主题变量

---

这是我的吞咽任务：

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

---

这里有几个可能的问题：

您的项目中可能没有安装等效的引导CSS和无引导版本。确保bootstrap.css文件顶部列出的版本与bootstrap.less文件顶部列出的版本相同。这是最有可能的原因——它们很容易失步

确保您拥有最新的无吞咽版本。该插件在过去报告了一些有关导入处理的问题，这些问题已经修复

Gulp less可能不尊重您的进口“订单”-过去曾报告过这方面的问题。如果这就是问题所在，那么你将面临一段艰难的时期。但是，如果是这种情况，您可以使用一种黑客解决方案：直接用gulp抓取并呈现引导库文件，将它们输出到“源”中的css文件中（例如styles/lib/bootstrap），然后导入输出的css文件。只有在万不得已的情况下才能这么做——这是一个重大的、重大的黑客行为

模板本身可能包含与您安装的引导版本不同的引导版本。检查模板以查看它有哪些依赖项

---

你能从Gulpfile的less任务中发布代码吗？另外，当你在终端中直接使用LESC编译时，结果如何？也就是说，这是否给出了预期的结果，或者您是否有相同的问题？我已经添加了gulpfile@AndrewFaulkner。不知道最后一个怎么做。我用visualstudio，很公平。好的，试试这个：打开一个终端。导航到项目根目录。运行此命令：npm安装-g less。。。然后执行以下命令：lessc./path/to/your/less/file.less。（因为你不是一个终端人员，我承认这可能有点棘手，但值得一试）还有，你是如何在项目中少安装和少引导的？i、 是通过npm、bower、手动下载（直接将下载的文件放入styles文件夹）还是其他方法？谢谢，我看了一下。看起来第三个最有可能是这样的。我使用最新的gulp-less版本（NPM包json

“gulp-less”：“*”

），bootstrap.css/less文件来自同一下载（3.3.6，因为模板不是3.3.7的最新版本）确认，锁定您的版本！如果你不这样做，你以后会给自己带来很多痛苦。（这可能与您当前的问题无关，但这仍然是一个好主意）嗯……检查您的项目中是否也安装了无引导。导入“引导”；可能默认为node_modules/bootstrap less，而不是node_modules/bootstrap/[/*？]bootstrap.lessys，它是第3个。看来我需要考虑另一个策略。非常感谢。