【发布时间】:2015-12-11 22:48:06
【问题描述】:
对于需要大量定制、样式和功能的网站,是否有大多数人采用的通用方法?您如何在项目中包含 Bootstrap 资源?
- 使用源码,自定义 SCSS 变量,移除未使用的 JS 模块
- 使用编译和缩小的资源,通过项目级 CSS 覆盖样式
【问题讨论】:
标签: css twitter-bootstrap web-applications ratchet-2
对于需要大量定制、样式和功能的网站,是否有大多数人采用的通用方法?您如何在项目中包含 Bootstrap 资源?
【问题讨论】:
标签: css twitter-bootstrap web-applications ratchet-2
这取决于你所说的“重”的重量......
在很多项目中,我将完整地使用缩小的 CSS 源代码,并使用我自己的项目 SCSS 覆盖一些样式,我使用 gulp 构建过程进行编译。
如果您主要打算改变颜色、边框样式等,而不是从根本上改变组件,这是最简单和最好的。
在需要更多基本差异的罕见项目中,我将手工制作大部分 SCSS,并从源代码中删除我想使用的 Bootstrap 的少数部分。
这种方法更加劳动密集,并且仅在绝大多数 Bootstrap 代码冗余或与我自己的代码冲突时才会这样做。
对于 JavaScript,我倾向于不使用 Bootstrap,因为我通常会编写或包含来自其他来源的 Angular 指令,但这正好适合我的特定工作流程和堆栈选择。
如果你想减少臃肿的数量,很容易从 Bootstrap 的源代码中删除未使用的 JavaScript。
【讨论】: