使用 NPM 和 SASS 自定义 Bootstrap 4 的正确方法？

Question

我在尝试自定义 Bootstrap 4 时失去了理智。实际上，每个 YouTube 视频、博客文章和 Bootstrap 自己的文档要么缺乏足够的信息，要么令人困惑，要么已经过时且不再相关。这是我所知道的：

• 我知道我需要使用 NPM 将 Bootstrap 下载到我的项目目录
• 我知道我不应该直接更改 Bootstrap 的源文件
• 我知道我需要设置一个自定义的 SCSS 文件并将 Bootstrap 函数导入到这个文件中
• 我知道在我的 SCSS 文件中进行更改后我需要“调用”Bootstrap
• 我知道我需要设置、运行和编译 Sass

我的问题：

• node-sass 和常规 sass 有什么区别，我使用哪一个？
• 安装 Sass 并将其设置为监视更改的正确方法是什么？
• 如果我想使用谷歌字体，我在哪里导入/链接？在 HTML 中？在我的自定义 SCSS 文件中？两个都？
• 导入要覆盖的 Bootstrap 函数的正确方法是什么？

我知道这很多，但说真的，网上有十亿个相互矛盾的教程，但没有一个适合我。任何帮助是极大的赞赏！

Answer 1

对您来说最简单的事情是使用包含 bootstrap 和 sass 的入门模板。例如：

https://github.com/abhijithvijayan/gulp-sass-bootstrap-boilerplate

然后按照说明通过 npm 安装，并查看文件夹和文件结构以了解可以在哪里进行编辑。