0

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

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

1 回答 1

1

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

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

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

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

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

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

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

于 2015-09-15T15:50:08.590 回答