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

Question

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

谢谢！

Answer 1

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

我定制 - 复位换引导

@import "bootstrap.less"; 

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

在这种情况下，你将不再需要引导文件，升级到新版本之后做任何事情。