css - 在 webapp 项目中包含 Bootstrap 资源的一般最佳实践是什么？

Question

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

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

Answer 1

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

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

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

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

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

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

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