在angular.io上有一个快速入门教程,它使用TypeScript和systemjs。既然我已经运行了该miniapp,我将如何创建可部署的东西?我找不到任何有关它的信息。
我是否需要任何其他工具,System.config中的任何其他设置?
(我知道我可以使用webpack并创建一个bundle.js,但我想使用本教程中使用的systemjs)
有人可以通过此设置(Angular 2,TypeScript,systemjs)共享其构建过程吗?
在angular.io上有一个快速入门教程,它使用TypeScript和systemjs。既然我已经运行了该miniapp,我将如何创建可部署的东西?我找不到任何有关它的信息。
我是否需要任何其他工具,System.config中的任何其他设置?
(我知道我可以使用webpack并创建一个bundle.js,但我想使用本教程中使用的systemjs)
有人可以通过此设置(Angular 2,TypeScript,systemjs)共享其构建过程吗?
我在后端使用expressjs服务于ng2项目。您可以从我的github页面检查它:https : //github.com/echonax/ng2-beta-and-test-framework
您可以使用angular2-cli build命令
ng build -prod
https://github.com/angular/angular-cli/wiki/build#bundling
使用-prod标志创建的构建通过
ng build -prod
或将ng serve -prod
所有依赖项捆绑到一个文件中,并利用树状摇动技术。
这个问题是在rc4中使用angular2时提交的
我已经在angular-cli beta21和angular2 ^ 2.1.0上再次尝试过,它按预期工作
要获得此答案,您需要使用可以使用的angular-cli初始化应用
ng new myApp
或在现有的
ng init
对于角度6,语法是不同的。
ng build --prod --build-optimizer
检查文件
在Angular.io网站的“高级/部署”部分下,建议最简单的部署方法是“将开发环境复制到服务器”。
请仔细阅读以下部分:可能的最简单部署。最终的项目文件显示在代码部分中。请注意,它已经设置了从网络(而不是从本地npm_modules文件夹)加载npm软件包文件的代码。
确保它正在本地计算机上运行(npm start)。然后,在项目文件夹下,将“ / src”子文件夹下的所有内容复制到已设置的S3存储桶中。您可以使用拖放操作进行复制,在此过程中,您可以选择文件的权限设置,并确保将文件“可读”为“所有人”。
在存储桶的“属性”标签下,找到“静态网站托管”面板,选中“使用此存储桶托管网站”选项,然后为索引文档和错误文档指定“ index.html”。
单击静态网站Endpoint,您的项目运行良好!