Monaca CLI — это инструмент командной строки, упрощающий локальную разработку приложений Monaca. Недавно в Monaca CLI была добавлена новая функция под названием «transpile». Его можно использовать для переноса кода для приложений React/Angular 2.
Мы подробно расскажем об опции transpile
.
Установка Monaca CLI
Для использования Monaca CLI требуется Node.js. После установки Node.js используйте npm
(или yarn) в командной строке, чтобы установить Monaca следующим образом:
$ npm install monaca -g
использование
Транспиляция используется для преобразования таких языков, как JSX (React) или Typescript (Angular 2), во что-то, что может выполняться браузером. Если вы хотите создать проект с React, выберите категорию «Пользовательский интерфейс Onsen и React», а затем выберите нужный шаблон следующим образом:
Создан каталог с именем src
. Исходный код приложения React хранится в этом каталоге.
Он написан как JSX, как указано выше. Его нельзя было использовать как приложение Monaca без преобразования в ES5. Поэтому ниже применяется транспиля.
Как транспилировать
Выполнение следующей команды monaca приведет к переносу кода.
- монака загрузить
- предварительный просмотр монаки
- отладка монаки
- удаленная сборка монаки
Транспиляция выполняется автоматически в Monaca CLI. Чтобы выполнить транспайл в одиночку, используйте приведенную ниже команду. Шрифты, JS и таблица стилей будут минимизированы.
В случае успешного выполнения команды эти файлы будут помещены в каталог www
. Это означает, что файлы создаются для использования в качестве приложения Monaca. Единственным исключением является monaca preview
, который сохраняет результат в памяти (вместо каталога www
) для ускорения процесса разработки.
Далее все, что вам нужно сделать, это создать приложение React или Angular2.
Gulp также можно использовать для транспиляции; однако это занимает много времени. В этом случае мы рекомендуем использовать Monaca для простого создания гибридного приложения.