javascript - 如何使用 Grunt.js 在 bootstrap.less 中注入(inject)外部 .less 文件

Question

有一种方法可以使用 Grunt 在 bootstrap.less 的末尾注入(inject)一个新行，例如 @import "my-custom-reset-for-bootstrap.less" 。或者其他想法如何从 Bootstrap 包外部注入(inject)我的较少文件。我想这样做是为了保持 Bootstrap 包的原始状态。

谢谢!

Answer 1

如果我是您，我会保留 Bootstrap 文件不变，并将其导入到您的自定义样式文件中。该解决方案的主要优点是您可以使用变量、混合以及实际上 original Bootstrap less file 中的所有内容。在您的自定义样式定义中。

my-custom-reset-for-bootstrap

@import "bootstrap.less";

.my-custom-class {
  color: @gray-light; //var from Bootstrap variable.less file
}

在这种情况下，将 Bootstrap 文件升级到新版本后，您不需要执行任何操作。