Пример окружения для разработки frontend
Состоит из gruntjs, requirejs.
Установка
Для установки надо иметь nodejs&npm. В корневой папке запустить nmp install
.
Структура проекта
- Папка static - папка с ресурсами js, css
- entries - входные скрипты каждой страницы, только они должны загружаться в html
- libs - сторонние библиотеки
- modules - скрипты отдельных приложений, например чат, окно входа и т.д. Структура папки может отличаться от используемой архитектуры и фреймворка
- require - модули requirejs, например для динамической подгрузки css виджетов
- styles - стили
- build.js - настройки компиляции проекта для прода, сжатие всех скриптов и css в один файл
- common.js - настройки requirejs
- require.js - библиотека requirejs
- static_build - папка куда складываются сжатые, скомпилированные ресурсы для
production
- Gruntfile.js - задачи grunt, очистка build папки, компиляция проекта
- package.json - зависимости npm
Компиляция проекта
Из корневой папки запустить node_modules/.bin/grunt