Cordova + Angular 4 + шаблонный шаблон Typescript

Я работаю над прогрессивным веб-приложением, использующим Angular 4. Это приложение должно быть упаковано в Apache Cordova как гибридное приложение, созданное для платформ Android и iOS.

Я ищу рабочий шаблонный шаблон для Cordova + Angular 4. Cordova использует www папка для веб-приложения и Angular 4 использует src папка для веб-приложения. Как объединить эти два вместе для работы? Угловой "нг служить" также должен работать?

2 ответа

Решение

Мне наконец удалось решить мою проблему.

  • Нам нужно объединить папку Cordova "www" и угловую папку "src" в одну папку "src", где должно быть угловое приложение.
  • Также необходимо объединить файл package.json, чтобы он подходил как для Cordova, так и для Angular.
  • Затем (спасибо Gangadhar Jannu за подсказку) нам нужно изменить свойство ".angular-cli.json " outDir " на " www ", потому что Cordova использует эту папку для создания своего приложения.
  • Затем нам нужно скомпилировать приложение Angular, используя CLI: "ng build --prod".
  • Наконец, создайте приложение Cordova: Cordova сборки Android| браузера | IOS |..

Вот рабочий шаблон:

https://github.com/NavCore/ngCordova

Если вы хотите изменить выходной каталог ng cli, вы можете настроить outDir свойство в .angular-cli.json, как показано ниже:

  "outDir": "../public",

Тогда вы можете использовать ng build Команда для создания углового приложения в outDir что вы указали ранее

Другие вопросы по тегам