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