自定义 Bower 安装组件的正确方法

Question

当我使用 Bower 安装 bootstrap-sass-official 之类的东西时，它会将其安装在 bower_components 目录中。像 Bootstrap 这样的组件允许通过编辑文件 bower_components/assets/stylesheets/_bootstrap.scss 进行自定义。在这种情况下，您只需选择要用于项目的 Bootstrap 的哪些部分。

众所周知，将 ./bower_components、./vendor、./node_modules 等包和组件置于源代码管理之外是最有效和最佳的做法。但是这样做的问题是，当其他人下载您的源代码并安装 bower 依赖项时，您的自定义项永远不会安装。

因此，假设您遵循最佳实践并让bower_components 不受源代码控制，那么自定义 Bootstrap 等组件的最佳位置在哪里？只需将_bootstrap.scss 复制到源代码控制目录并在那里进行自定义？还是有更优雅的方法？

Answer 1

我相信您说最优雅的解决方案是将_bootstrap.scss 文件复制到您的项目结构中是正确的。然后，您可以删除您希望排除的引导组件，并修改其余组件的路径以指向您的 bower_components 目录。通过这种方式，您可以完全自定义库，同时只维护一个文件。

This answer 也可能对调查此问题的人有所帮助。