【问题标题】:Replace Glyphicons with Font Awesome in CSS using LESS and Grunt使用 LESS 和 Grunt 在 CSS 中将 Glyphicons 替换为 Font Awesome
【发布时间】:2015-02-28 22:57:40
【问题描述】:

短版:我想使用设置为替换 Glyphicons 也包括 Glyphicons CSS 的字体集,并且不修改源 bootstrap.less 文件。


长版:

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

由于我根本不打算使用 Glyphicons,所以对我来说“最容易实现的目标”是继续以这种方式编译,但还要包括我将使用的字体(例如,Font Awesome)。

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

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

@import "glyphicons.less";

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

Grunt 是否有“在编译运行之前将内存中的字符串 A 替换为字符串 B”的概念?还是有其他方法可以实现我的目标?还是我应该不担心它并包含两组已编译的 CSS?

【问题讨论】:

  • 找到这个:github.com/erickrdch/grunt-string-replace 但它不会正确安装 npm。
  • 安装该插件时遇到什么错误?
  • 有一个完整的堆栈,但这一切都始于 Object.module.exports.fixVersionField 的无效版本
  • 嗯...不确定那是什么。我这样做时没有收到任何错误:npm install grunt-string-replace.
  • 无赖。我很幸运能够首先让这些东西发挥作用。 ;) 无法对 Node 或 Grunt 进行故障排除。我猜我只能受苦了!

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


【解决方案1】:

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

【讨论】:

  • 可能会有帮助!我已经在不久前解决了它;我不直接修改 Bootstrap 的 LESS,但是作为 LESS 编译过程的一部分,我用自己的 LESS 文件“覆盖”了变量,这给了我需要的结果。不过谢谢!
猜你喜欢
  • 2013-12-22
  • 2015-12-26
  • 2013-06-23
  • 2013-09-07
  • 1970-01-01
  • 2013-03-13
  • 1970-01-01
  • 1970-01-01
  • 2016-02-02
相关资源
最近更新 更多