Как начать работу с проектами NodeJS и Sass, чтобы я мог настроить тему bootstrap 4

Question

Я хочу настроить тему Bootstrap 4, такую ​​как цвета, шрифты и т. Д.

Я читаю инструкции с веб-сайта Bootstrap, в которых говорится, что мне нужно создать файл custom.scss и импортировать исходные файлы Sass Bootstrap, как это

// 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.

Я дошел до установки NodeJS и Sass намой Mac использует Brew.Я также установил Bootstrap, набрав:

npm install bootstrap

Это самый большой прогресс, который я сделал.Я не знаю, по какому пути установлены файлы начальной загрузки, когда я выполнил команду npm install bootstrap, а также я не знаю, как перенести эту установку Bootstrap в папку моего проекта.

Может кто-нибудь предоставить какую-либо информацию илиукажи мне ресурс о том, как начать работу с проектами NodeJS и Sass, чтобы я мог настроить тему Bootstrap 4 с помощью Sass.

Answer 1

Вы должны выполнить команду npm install bootstrap внутри директории вашего проекта.После этого 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, чтобы один раз скомпилировать свою пользовательскую тему.