devsnice / gulp-template

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Gulp template for working on a new project

Решение

  • Gulp - task-runner для всего проекта
  • Pug - шаблонизатор, используется для написания отдельных компонент, которые легко переиспользовать в разных частях проекта.
  • SCSS - используется для удобной работы со стилями для каждой отдельной компоненты
  • Svg-symbols - для внедрения svg в верстку проекта

Структура проекта

Собранный проект расположен в папке

/public

Исходники проекта расположены в папке

/src
 /components
 /features
 /icons
 /layout
 /pages
  /styles
  • Папка components, содержит компоненты которые реализуют минимальную функционалость и используются в разных частях приложения
  • Папка features, содержит модули, который предствляют из себя функциональный компоненты, у который есть своя логика
  • Папка icons используется для сборки svg-иконок с помощью svg-symbols.
  • Папка images для картинок, которые можно использовать в проекте как статику.
  • Папка pages содержит верстку для страницы сайта и .js файл для инициализации скриптов
  • Папка styles основные стили, переменные и миксины

Запуск

npm install
npm run dev

About


Languages

Language:CSS 44.4%Language:JavaScript 38.3%Language:HTML 17.3%