pineglade-app

Сервер, сборщик статических страниц и линтер с нулевой конфигурацией.

Используемые инструменты

• fastify - сервер (генерирует HTML в режиме разработки, может использоваться для бэкенда).
• browser-sync - слежение за файлами: запуск кастомных задач и перезагрузка страниц в браузерах.
• svelte - шаблонизация на клиентской и серверной стороне, JS-логика (связывание данных и реактивность) из одних и тех же исходников.
• webpack - сборка серверных и клиентских вариантов svelte-приложения.
• eslint - линтинг скриптов и svelte-компонентоа.
• postcss - сборка стилей из исходников с использованием возможностей препроцессоров.
• stylelint - линтинг стилей.
• Собственное встроенное решение для сборки стекового векторного спрайте.
• svgo - средство для оптимизации векторной графики.
• squoosh - средство для оптимизации растровой графики и конвертации её в webp.
• pineglade-w3c - валидация HTML (с оффлайн-фоллбэком при недоступности онлайн-валидатора).
• pineglade-config - валидация БЭМ и набор настроек для svgo, eslint, stylelint.
• pineglade-pp - плагин для pixelperfect-верстки. Доступен в режиме разработки по нажатию клавиши P.

Установка

• Выполнить npm i -E pineglade-pp. Также поддерживается pnpm.
• В package.json прописать:

{
  "pre-commit": "lint",
  "scripts": {
    "build": "npm start build",
    "dev": "npm start dev",
    "lint": "npm start lint",
    "start": "node node_modules/pineglade-app"
  }
}

Команды

• npm run build - сборка статического проекта.
• npm run dev - сборка и запуск сервера в режиме раработки.
• npm start - запуск сервера в продакшн-режиме.
• npm run lint - запуск линтеров.