Деплой, макет

Установка и сборка проекта

Установите внешние зависимости

$ npm install

Запустите сборщик

$ npm start

В результате создастся папка dist, в которой окажутся готовые для дальнейшего использования html-файлы.

Macbook на чипе m1

Для установки node-sass на Mac с чипом M1, вы можете попробовать следующие шаги:

1. Установите Rosetta 2, если еще не установили. Откройте Терминал и выполните:

/usr/sbin/softwareupdate --install-rosetta

2. Откройте новый сеанс терминала с помощью Rosetta:

arch -x86_64 /usr/bin/env bash

Перейдите в ваш проект и установите node-sass:

npm install node-sass

Вернитесь в обычный терминал (не Rosetta) и попробуйте снова выполнить ваш проект.

Структура

├── src/
│   ├── fonts/
│   ├── images/
│   ├── js/
│   ├── pug/
│   └── scss/

npm run start команда для разработки локально.Страницу можно открыть в браузере по адресу http://localhost:3010, либо просто найти нужный файл в итоговой папке dist. Занимает порт 3010, будьте внимательны при запуске, чтобы иные программы не занимали этот порт. Для сборки production версии команда - npm run minify. Собирает файлы и кладет в dist папку. Для проверки правильности js и scss файлов - команда npm run lint-prod