【问题标题】:Whats the general best practice for including Bootstrap resources in a webapp project?在 webapp 项目中包含 Bootstrap 资源的一般最佳实践是什么?
【发布时间】:2015-12-11 22:48:06
【问题描述】:

对于需要大量定制、样式和功能的网站,是否有大多数人采用的通用方法?您如何在项目中包含 Bootstrap 资源?

  1. 使用源码,自定义 SCSS 变量,移除未使用的 JS 模块
  2. 使用编译和缩小的资源,通过项目级 CSS 覆盖样式

【问题讨论】:

    标签: css twitter-bootstrap web-applications ratchet-2


    【解决方案1】:

    这取决于你所说的“重”的重量......

    在很多项目中,我将完整地使用缩小的 CSS 源代码,并使用我自己的项目 SCSS 覆盖一些样式,我使用 gulp 构建过程进行编译。

    如果您主要打算改变颜色、边框样式等,而不是从根本上改变组件,这是最简单和最好的。

    在需要更多基本差异的罕见项目中,我将手工制作大部分 SCSS,并从源代码中删除我想使用的 Bootstrap 的少数部分。

    这种方法更加劳动密集,并且仅在绝大多数 Bootstrap 代码冗余或与我自己的代码冲突时才会这样做。

    对于 JavaScript,我倾向于不使用 Bootstrap,因为我通常会编写或包含来自其他来源的 Angular 指令,但这正好适合我的特定工作流程和堆栈选择。

    如果你想减少臃肿的数量,很容易从 Bootstrap 的源代码中删除未使用的 JavaScript。

    【讨论】:

    • 感谢您的建议。我现在可能会采用简单的方法,看看它会把我引向何方。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-01-23
    • 2019-01-03
    • 1970-01-01
    • 1970-01-01
    • 2010-10-08
    • 2010-09-13
    • 2018-10-04
    相关资源
    最近更新 更多