parcel static boilerplate

Статический шаблон посылки

Простой стартер, позволяющий сразу начать писать HTML, JS и SCSS без дополнительной настройки. Может использоваться как генератор статических сайтов!

Разработка

1. Клонируйте или скачайте этот репозиторий.

    git clone https://github.com/aarongarciah/parcel-static-boilerplate.git
   

2. Установите зависимости.

    npm install
   

3. Запустите режим разработки. Откроется вкладка браузера с URL-адресом разработчика http://localhost:1234/ .

    npm run dev
   

Производственная сборка

Запустите сценарий сборки, и в папке /dist будет создан оптимизированный для рабочей среды веб-сайт.

 npm run build

Обслуживайте производственную сборку локально

Если вы хотите обслуживать свою производственную сборку (созданную папку /dist ) локально, просто запустите эту команду и откройте http://localhost:5000/ в своем браузере. Эта команда запускает команду npm run build перед обслуживанием папки /dist .

 npm run serve

Технический стек

• Посылка
• Вавилон
• ESLint
• красивее
• Сасс
• Автопрефиксер
• Стильлинт
• Нунджаки
• Изображениемин

Делать

• Детализируйте все функции: линтинг, форматирование, сборку и т. д.
• Добавьте все доступные команды.
• Объясните, почему существуют две папки /static .
• Предупреждайте о том, как Parcel обращается с файлом site.webmanifest .
• Объясните, как настроить Imagemin.
• Объясните, как настроить Nunjucks.
• Найдите хороший форматировщик кода Nunjucks.
• Добавьте рекомендуемые расширения для разработки.
• Добавить настройку тестирования с помощью Jest?