如何使用Grunt.js在bootstrap.less中注入外部.less文件

Question

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

谢谢！

Answer 1

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

我-定制复位换自举

@import "bootstrap.less";

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

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