Pineglade-app NPM

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 - запуск линтеров.