如何在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 
} 

在這種情況下，你將不再需要引導文件，升級到新版本之後做任何事情。