从1.3.7升级到AngularJS 1.5.+，使用LiveReload的推荐方式是什么？

Question

我有一个Wakanda10，社区版，使用AngularJS 1.3.7的解决方案，它还没有使用LiveReload。

我想升级到带有LiveReload的Wakanda11，社区版，AngularJS 1.5+。

执行此操作的最简单方法是什么？

我知道我可能需要做一些代码更改。

我是否应该下载Wakanda11，社区版，并使用它启动一个内置了LiveReload的新项目，然后将我的项目复制到其中并进行调试？

Answer 1

为了升级你的应用程序，你需要面对两个不同的问题：

A)将AngularJS从1.3.7升级到1.5.x.

这一步非常简单。有必要将应用程序中的AngularJS库替换为所需的版本。如果您的应用程序中包含了bower.json (因为我们所说的是一个Wakanda脚手架应用程序，所以应该是这样的)，那么您可以修改以下行：

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

并在终端中从应用程序的文件夹中运行bower update命令，以自动执行此操作。

将angular-wakanda更新为最新兼容版本。

请注意，您正在升级AngularJS的次要版本，可能还会升级angular-wakanda。API和方法中的微小更改可能会破坏应用程序。

B)向您的应用程序添加实时重新加载

在最新的Wakanda Studio版本中已经做了很多努力，以实现与不同脚手架的不可知兼容性。向您的Wakanda应用程序添加实时重载意味着添加一个标准的实时重载工具包，就像您通常对web应用程序所做的那样。

它可以用Gulp，Webpack，Grunt，Browserify制作。Wakanda Studio将尝试运行任何环境。

由于angular-wakanda + Gulp活动重载环境包含在实际的脚手架中，因此我建议您从以下内容开始：

1. 在package.json文件中添加以下devDependencies：

"devDependencies"：{ "gulp"："^3.9.0"，“gulp connect”："^2.2.0"，"http-proxy-middleware"："^0.9.0"，"minimist"："^1.2.0“}

• 为了触发gulp，请在相同的文件中添加以下package.json文件的scripts：

“脚本”：{ " serve“："gulp”，"start"："npm run serve“}

• 从现有的Wakanda解决方案创建或复制gulpfile.js文件。如果您喜欢比基本解决方案中包含的实际方法更通用的方法，则可以复制this gulpfile.js。如果需要，根据实际的应用程序搭建调整配置参数是很重要的：

var defaultOptions ={默认值：{ serverUrl：'http://127.0.0.1:8081'，端口: 8000，livereloadPort: 35729，app：'app/'，输出：'app/'，}}；

• 最终重新打开解决方案并单击Run Page。这将触发将启用live-reload.

的npm install和npm start，这将触发gulp serve

请注意，根据您使用的Wakanda Studio版本，实现可能会有细微的配置差异。我建议您始终更新到可用的最新版本。

为了更深入地了解Wakanda Studio构建过程，我还建议您查看this tutorial，它还解释了如何将SASS预编译添加到应用程序中。