使用NPM创建Angular2项目

的生产版本，我创建使用Angular2快速入门https://angular.io/docs/js/latest/quickstart.html 使用NPM创建Angular2项目

一个项目，我改变了它完全做自己的东西，网络摄像头的一些使用，是IndexedDB和类似的东西:-)。

现在的事情是，我一直在使用npm作为网站的建议，现在感觉不对，只是改成Gulp来创建一个构建，而不是在npm上创建构建脚本。

接下来的问题是，我从来没有做过这样的事情，我完全失去了......你知道任何构建脚本我可以使用/适应？或者我应该切换到Gulp？

谢谢

2016-06-12 RollWhisTler

你是什么意思创建生产构建？你说的是停止''Angular 2在开发模式下运行，调用enableProdMode（）来启用生产模式。“' – Gab

感谢您评论Gabriele，我不太关注。我猜测在生产模式下运行会改变angular 2行为的某些方式，追踪或性能改进等等。我不认为它会提供一个index.html与vendor.js和app.js缩小和所有这一切，你知道我的意思吗？ – RollWhisTler

我明白了，现在我想我明白误解的来源。您提供的链接是使用Javascript的Angular2。创建生产Angular2版本的最好方法是使用Typescript（我相信这是目前唯一官方支持的方式）。 Here是使用Typescript的教程链接。如果你不知道那是什么，here's就是这个问题。

一旦你学习了如何在Typescript中使用Angular2，我建议阅读this关于Angular2的文章。

此外，他们目前正在开发一个命令行界面，它将自动构建您的应用程序以进行生产。他们已经发布了它，但在这一点上它很麻烦。

来源

2016-06-14 14:51:34 Gab

我会检查出来，谢谢！我已经在使用打字稿了，对于错误的链接抱歉。我认为创建一个npm脚本，使用打字稿将所有需要的js（供应商和定制）放在一起会很棒，但是找不到任何关于它的东西，我想这不是微不足道的:-)。如果我们得到一个“更好”的答案，我会让它再打开几天，如果不是的话，我会标记你自己，并尝试自己创建一些东西，如果我成功了，我会再次发布。 – RollWhisTler

@RollWhisTler我只想补充一点，如果你使用[angular-cli]（https://github.com/angular/angular-cli），你可以运行'ng build -prod'，它会让你的项目转换为html和css以及1 js文件，该文件包含项目的所有代码。它显着提高了性能。 – Gab

是的，很遗憾，angular-cli没有更新为最新的@angular dependencies符号，或者它不是我最后一次检查。我想看看webpack。 – RollWhisTler

我可以建议我的项目Zwitterion。 Zwitterion是一个服务器，它允许您直接在浏览器中包含TypeScript文件，并自动将所有导入的模块传输到您的应用程序中。要执行生产构建，请使用--build-static命令运行Zwitterion。这非常简单，如果您想了解更多，请查看the article或GitHub repo。

来源

2017-08-01 05:27:33 lastmjs

使用NPM创建Angular2项目

回答

相关问题