Xom9lk / react_redux_l10ns_example

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Веб-интерфейс для проекта

Короткое описание проекта.

Стек: webpack, gulp, React, Redux, React-Router, l10ns

Как собрать?

Для сборки требуются глобально установленные Node.js, Gulp.js, L10ns

npm install -g gulp npm install -g l10ns

Тестировалось на Node.js v5

Для установки зависимостей:

npm install

Для разработки

Запуск локального сервера webpack-dev-server в режиме "hot"

npm start

Приложение доступно на 8085 порту (http://localhost:8085/)

Изменить порт можно в конфигурации webpack: webpack.config.root.js.

Версия для разработки отличается наличием отладочной панели, логированием, загрузкой sourceMap, отсутствием оптимизаций и работой в режиме hot-reload

Dev версия загружает стили и js прямо в index.html, следовательно в js и css файлах не нуждается, папка \release удаляется

Для сборки рабочей версии

npm run build

Приложение собирается в папку \release

После сборки папка \release содержит все необходимое для работы приложения: index.html, bundle.js, bundle.css

Содержимое \release достаточно скопировать на сервер в веб директорию

index.html собирается таким обраом, что исключается использование старой версии из кэша (добавляется query с версией приложения)

Локализация

Для локализации применяется l10ns

Чтобы работать с l10ns необходимо установить пакет глобально:

npm install -g l10ns

Для индексирования исходных кодов:

l10ns update

Для запуска веб-интерфейса:

l10ns interface

Приложение доступно на 3001 порту (http://localhost:3001/)

Компиляция:

l10ns compile

About


Languages

Language:JavaScript 89.7%Language:CSS 9.5%Language:HTML 0.8%