如何开始使用 NodeJS 和 Sass 项目，以便我可以自定义 bootstrap 4 主题

Question

我想自定义 Bootstrap 4 主题，例如颜色、字体等。

我阅读了 Bootstrap网站上的说明，说我需要创建 custom.scss 文件并像这样导入 Bootstrap 的源 Sass 文件

// Custom.scss
// Your variable overrides
$body-bg: #000;
$body-color: #111;
// Bootstrap and its default variables
@import "node_modules/bootstrap/scss/bootstrap";

我是 Sass 和 NodeJS 的新手，我不知道如何开始使用 NodeJS 和 Sass 项目。

我甚至使用brew在我的Mac上安装了NodeJS和Sass。我还通过键入以下内容安装了 Bootstrap：

npm install bootstrap

这是我取得的最大进展。当我执行命令 npm install bootstrap 时，我不知道引导程序文件安装在哪个路径上，而且我不知道如何将该引导程序安装带入我的项目文件夹。

任何人都可以提供一些信息或指出我有关如何开始使用 NodeJS 和 Sass 项目的资源，以便我可以使用 Sass 自定义 Bootstrap 4 主题。

Answer 1

您必须在项目目录中运行npm install bootstrap命令。然后，引导程序及其文件将安装到项目目录中node_modules/bootstrap目录中。

现在，当您将自定义 scss 文件放入此文件夹时，他们将能够访问引导程序所在的node_modules目录。

然后，您可以使用 npm 工具创建自定义构建管道，用于将 scss 文件编译为 css。这需要对node.js和NPM有更深入的了解，但这是通常和推荐的方法。

如果您只想编译 scss 一次并从那里使用 css，而不必使用 node.js更深入地说，您可以使用 scss-compile 等包，然后使用node-sass -rw scssFiles -o cssOutputFiles等控制台命令编译您的自定义主题一次。