在 webapp 项目中包含 Bootstrap 资源的一般最佳做法是什么？

Question

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

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

Answer 1

这取决于你说的'heavy'有多重...

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

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

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

这种方法需要更多的劳动，并且只有在绝大多数 Bootstrap 代码冗余或与我自己的代码冲突时才采用。

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

如果您想减少臃肿，从 Bootstrap 的源代码中删除未使用的 JavaScript 非常容易。