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 для простого создания гибридного приложения.

Команда Monaca CLI — Monaca Docs