如何在 Visual Studio 中将 npm 与 cordova 应用程序一起使用

Question

我正在尝试使用“Apache Cordova 工具”Visual Studio 项目模板编写一个混合应用程序。 为了使用 angular2，我已将所需的模块添加到 packages.json。

一旦我编译了所有内容并修复了任何其他丢失的包，应用程序拒绝加载 angular，大概是因为包都在“~/nodes_module”文件夹中，而网站文件在“www”文件夹中。

无论是加载示例 (https://github.com/dbiele/TypeScript-Cordova-SystemJS-Angular2-beta) 还是按照角度快速入门 (https://angular.io/guide/quickstart)，我都会遇到同样的问题。

我确信在应该如何打包 hybit 应用程序方面我做错了什么。我们将不胜感激。

我正在使用 Visual Studio Community 2015。 我将 node 和 npm 更新为最新版本，并更新了 Visual Studio 中的路径，以便它可以找到它们。

Answer 1

您只是错过了一小部分：您需要一项将所需脚本复制到 www 文件夹的任务。我建议使用 Gulp 任务，您可以从 Visual Studio 的 Task Runner 调用它。

切勿将 npm 包直接安装到 www 文件夹中。这样你会得到太多的文件，这会不必要地增加你的应用程序的大小。这种方法适用于服务器应用程序，但不适用于移动应用程序。

我个人也建议使用 Ionic2。它不仅是一个很好的移动应用程序框架，而且它还为你提供了一个可以工作的 gulpfile。

Answer 2

如果您有兴趣将 Angular2 与 Cordova 结合使用，我强烈建议您使用 Ionic 框架。 Ionic2 处于测试阶段并使用 Angular2（此处的安装说明：http://ionicframework.com/docs/v2/getting-started/installation/），而原始 Ionic 框架是稳定的，但使用 Angular 1（http://ionicframework.com/getting-started/）。

Ionic 的好处很多：

• 知识渊博的社区 (https://forum.ionicframework.com/)
• 大型插件库 (http://ngcordova.com/)
• 内置 CSS 库/预构建组件 (http://ionicframework.com/docs/components/)
• 开发工具：实时重新加载、SASS 支持、图标/启动画面创建等 (http://ionicframework.com/docs/cli/)

祝你好运！