我如何实际部署Angular 2 + Typescript + systemjs应用程序?

TypeScript

猴子村村

2020-05-28

在angular.io上有一个快速入门教程,它使用TypeScript和systemjs。既然我已经运行了该miniapp,我将如何创建可部署的东西?我找不到任何有关它的信息。

我是否需要任何其他工具,System.config中的任何其他设置?

(我知道我可以使用webpack并创建一个bundle.js,但我想使用本教程中使用的systemjs)

有人可以通过此设置(Angular 2,TypeScript,systemjs)共享其构建过程吗?

第4238篇《我如何实际部署Angular 2 + Typescript + systemjs应用程序?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

3个回答
飞云 2020.05.28

在Angular.io网站的“高级/部署”部分下,建议最简单的部署方法是“将开发环境复制到服务器”。

  1. 请仔细阅读以下部分:可能的最简单部署。最终的项目文件显示在代码部分中。请注意,它已经设置了从网络(而不是从本地npm_modules文件夹)加载npm软件包文件的代码。

  2. 确保它正在本地计算机上运行(npm start)。然后,在项目文件夹下,将“ / src”子文件夹下的所有内容复制到已设置的S3存储桶中。您可以使用拖放操作进行复制,在此过程中,您可以选择文件的权限设置,并确保将文件“可读”为“所有人”。

  3. 在存储桶的“属性”标签下,找到“静态网站托管”面板,选中“使用此存储桶托管网站”选项,然后为索引文档和错误文档指定“ index.html”。

  4. 单击静态网站Endpoint,您的项目运行良好!

小小 2020.05.28

我在后端使用expressjs服务于ng2项目。您可以从我的github页面检查它:https : //github.com/echonax/ng2-beta-and-test-framework

千羽 2020.05.28

您可以使用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

更新08/06/2018

对于角度6,语法是不同的。

ng build --prod --build-optimizer

检查文件

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android