Каков рекомендуемый способ получить AngularJS 1.5. +, С LiveReload при обновлении с версии 1.3.7?

Question

У меня есть версия сообщества Wakanda 10, использующая AngularJS 1.3.7, и она пока не использует LiveReload.

Я хочу перейти на Wakanda 11, версию сообщества, AngularJS 1.5+, с LiveReload.

Каков самый простой способ сделать это?

Я понимаю, что мне, возможно, придется делать изменения в кодировке.

Должен ли я загрузить версию сообщества Wakanda 11 и создать новый проект с встроенным LiveReload, а затем скопировать мой проект в него и отладить?

Answer 1

Для обновления приложения у вас есть два лицо два разные: проблематика

A) Реконструкция AngularJS от 1.3.7 до 1.5.x.

Этот шаг довольно прямолинейный. Необходимо заменить вашу библиотеку AngularJS внутри вашего приложения на нужную вам версию. Если bower.json включен в приложении (и это должно быть, так как мы говорим о scaffolded приложения Ваканда), то вы можете изменить следующие строки:

"dependencies": { 
    "angular": "~1.4.4", 
    "angular-wakanda": "~1.0.4" 
} 

и запустить в терминале из папки приложения в команду bower update сделать это автоматически.

Обновление angular-wakanda до последней совместимой версии.

Обратите внимание, что вы обновляете второстепенные версии AngularJS и, возможно, также угловые-ваканды. Незначительные изменения в API и методах могут присутствовать и нарушать ваше приложение.

B) Добавить жить-перезаряжает к приложению

Много усилий было сделано в последних версиях Wakanda Studio, чтобы достичь агностик совместимости с различными подмостков. Добавление живой перезагрузки к вашему приложению Wakanda означает добавление стандартного набора для живой перезагрузки, как вы обычно делаете с веб-приложениями.

Это может быть сделано с помощью Gulp, Webpack, Grunt, Browserify. Wakanda Studio попытается запустить любую среду.

Поскольку угловой Wakanda + Глоток живой перезарядка среды является одна включен в действительных подмостях, я предлагаю вам начать с ним следующим образом:

1. В файле package.json добавить следующее devDependencies:

   "devDependencies": { 
       "gulp": "^3.9.0", 
       "gulp-connect": "^2.2.0", 
       "http-proxy-middleware": "^0.9.0", 
       "minimist": "^1.2.0" 
   } 
   

2. для того, чтобы вызвать gulp, добавить к тем же файлам следующие scripts к вашему package.json файл:

   "scripts": { 
       "serve": "gulp serve", 
       "start": "npm run serve" 
   } 
   

3. Создать или скопировать из существующего решения Ваканда gulpfile.js файла. Вы можете скопировать this gulpfile.js, если вы предпочитаете более общий подход, чем фактический, включенный в базовое решение. Очень важно, чтобы адаптировать параметры конфигурации ваших фактических подмостей приложения, если это необходимо:

   var defaultOptions = { 
       default: { 
       serverUrl: 'http://127.0.0.1:8081', 
       port: 8000, 
       livereloadPort: 35729, 
       app: 'app/', 
       output: 'app/', 
       } 
   }; 
   

4. Наконец повторно открыть решение и нажмите Run Page. Это должно вызвать npm install и npm start, что приведет к срабатыванию gulp serve, что позволит перезагрузить.

Обратите внимание, что реализация может иметь незначительные различия в конфигурации в зависимости от используемой вами версии Wakanda Studio. Я предлагаю вам всегда обновлять до последней версии.

Для более глубокого понимания процесса сборки Wakanda Studio я также предлагаю вам ознакомиться с this tutorial, которые также объясняют, как добавить предварительную компиляцию SASS к приложению.