Создание шаблонов с использованием Grunt, Handlebars.js, SCSS и Bootstrap 4 (ЧАСТЬ ПЕРВАЯ).
Я разработчик полного стека в Нигерии. Довольно сложно найти нужные инструменты, и, в конце концов, после поиска в Google, если, к счастью, вы найдете инструменты, интеграция становится проблемой. Что ж, надеюсь, это поможет.
Если вы читаете эту статью, я уверен, что у вас есть базовые знания HTML5, CSS3, SCSS и мало знакомы с командами терминала. Если нет, вам нужно проверить некоторые ссылки.
Grunt — это средство запуска задач, подобное Webpack, но с большим количеством подключаемых модулей мы можем автоматизировать рабочий процесс создания шаблонов.
Handlebars.js предназначен для шаблонов. Это позволяет нам легко создавать шаблоны без разочарований.
Пока я не забыл, мы будем использовать YARN для управления зависимостями. Обязательно установите его глобально.
Да, давайте сделаем наш первый шаг!
Запустите терминал и измените каталог на свое рабочее пространство.
- mkdir тестовое приложение
- компакт-диск тестовое приложение
- yarn init -y (с флагом ‘-y’ автоматически отвечает на все вопросы)
- пряжа добавить сборку ворчание ворчание-сборка ворчание-браузер-синхронизация ворчание-вклад-concat ворчание-вклад-cssmin ворчание-вклад-jshint ворчание-вклад-nodeunit ворчание-вклад-углифы ворчание-вклад-часы ворчание-открытый узел-sass ворчание- sass load-grunt-tasks bootstrap-scss
- Расслабьтесь, пока устанавливаются зависимости.
Откройте тестовое приложение в предпочитаемом вами редакторе кода. Вот как должен выглядеть package.json.
Ждите часть ВТОРУЮ.
