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

How to inject an external .less file in bootstrap.less using Grunt.js

本文关键字：less 注入 外部 文件 bootstrap 何使用 Grunt js      更新时间：2023-09-26

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

谢谢！

如果我

是你，我会保持引导程序文件不变，并将其导入到你的自定义样式文件中。此解决方案的主要优点是，您可以在自定义样式定义中使用变量、mixins 以及原始 Bootstrap less 文件中的所有内容。

我的自定义重置引导程序

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

在这种情况下，将引导程序文件升级到较新版本后，您无需执行任何操作。

相关文章：