如何开始使用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时，我不知道引导文件安装在哪条路径中，我也不知道如何将Bootstrap安装到我的项目文件夹中。

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

Answer 1

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

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

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

如果你只想编译scss一次并从那里使用css而不必更深入地使用node.js，你可以使用像scss-compile之类的包，然后使用像{{1}这样的控制台命令编译你的自定义主题一次。