使用LESS和Grunt在CSS中用Gly Awesome替换Glyphicons

时间:2015-01-02 16:16:18

标签: twitter-bootstrap-3 gruntjs font-awesome

简短版本:我想使用字体集替换Glyphicons 而不用也包括Glyphicons CSS,而不修改源bootstrap.less文件。


长版:

使用Bootstrap自己的Grunt文件和源文件作为基础,默认情况下,构建过程将在编译的CSS文件中包含Glyphicons。

由于我根本不打算使用Glyphicons,对我而言,“最低挂果”是继续编译,但也包括我将使用的字体(例如,Font Awesome)。

然而,更“优雅”的方式是仅包含替换字体。

我可以修改bootstrap.less,其中包括以下行:

@import "glyphicons.less";

这样就可以使用Font Awesome less文件。但是,问题在于我使用Bootstrap作为“不可触及的库”而不是可修改的源文件。我希望能够在不需要记住更改此修改后的行的情况下立即放入新版本的Bootstrap。

Grunt是否具有“在编译运行之前在内存中用字符串B替换字符串A”的概念?或者还有另一种方法来实现我的目标吗?或者我应该不担心它并包括两组编译的CSS?

1 个答案:

答案 0 :(得分:1)

我认为你可以使用grunt-string-replace https://github.com/erickrdch/grunt-string-replace