Giter VIP home page Giter VIP logo

create-html-boilerplate's Introduction

[Deprecated] Create HTML boilerplate

Версия проекта Минимально необходимая версия NodeJS

Со времени создания данного boilerplate вышло много новых инструментов и поддрежка данного проекта более не выглядит целесообразной, поэтому мы решили его заархивировать и более не будем обновлять зависимости. Проект останется доступным и будет в режиме только для чтения.

Данная сборка вдохновлена проектом с хабра и многими часами вёрстки и разработки. Здесь специально нет ничего лишнего и только набор базовых файлов, чтобы было понятно как построить базовую структуру.

  • HTML
  • SCSS
  • JS
  • Шрифты
  • Картинки и т.д.

Зависимости

  • node ^16

Что под капотом

  • Webpack
  • SCSS
  • JS с Babel
  • Stylelint, Eslint
  • Prettier – для автоформатирования

Установка

npm i

Запуск

npm start

Авторы

👤 Webtime.Studio

Show your support

Поставьте нам звёздочку ⭐️ если этот проект помог вам!

create-html-boilerplate's People

Contributors

ckomop0x avatar dependabot[bot] avatar mapledevjs avatar tinakuzmenko avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

create-html-boilerplate's Issues

При изменении файла страница не обновляется

Обнаружился баг - страница не обновляется при изменении файла. Изначально я убрал этот функционал при обновлении, потому что возникала ошибка из-за несовместимого API. Теперь же нашёл решение и надо всё поправить.
https://webpack.js.org/configuration/dev-server/#devserverwatchfiles

глобальные стили html, body

Привет, а для чего body вместе с html задавать box-sizing, если ниже в правилах указано

получается box-sizing в любом случае будет наследоваться от html.
Или в этом есть какой-то скрытый смысл?

Ошибки в консоли

При запуке проекта сыплются ошибки в консоль.
При сборке ошибки остаются.
image

Проверено в Windows, Ubuntu, Firefox, Chrome.

Генерация manifest.json

Is your feature request related to a problem? Please describe.
Необходимо добавить в проект автоматическую генерацию manifest.json, так как это сейчас является практически стандартом для веб-приложений. Файл помогает браузеру получить необходимые иконки и название сайта/приложенияю

Describe the solution you'd like
Я думаю нужен плагин для webpack

Change dependabot frequency from daily to weekly.

Is your feature request related to a problem? Please describe.
Now dependabot creates a lot of PRs, we want to review them weekly. This will also reduce the number of notifications we get.

Describe the solution you'd like
A clear and concise description of what you want to happen.

Добавить Picturefill

Было бы здорово добавить в сборку picturefill, чтобы был фоллбэк для IE.

SVG-спрайты

Было бы круто реализовать в сборке возможность добавления SVG-спрайтов. Естесственно, с фоллбеком под IE.

Migrate project to Webpack 5+

Webpack 4 is outdated. We need to migrate the project to Webpack 5.

  1. It's a common standard.
  2. Some of the old plugins aren't supported anymore.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.