主办Angular 2应用程序

我是Angular 2新手,我知道像GoDaddy这样的共享主机上的主机Angular 1.x ,但我不知道如何发布Angular 2应用程序,例如我有这个结构文件夹:

 angular2-quickstart --app app.component.ts main.ts --node_modules --typings index.html package.json styles.css systemjs.config.js tsconfig.json typings.json 

什么文件我需要上传到FTP?

我什么也没做,因为我不知道该怎么做
提前致谢!

作为一种基于组件的语言,angular2在其部署过程中包含一些警告。 首先,开发环境中使用的文件不一定会被运到生产环境。 总之,你只需要上传.js,.html和.css文件。

其次,即使您的应用程序只部署上面提到的文件,build议包括以下过程:

捆绑:将所有.js文件编译为单个文件。 例如,vendor.js可以包含所有的第三方库,bundle.js将包含所有的应用程序.js文件。 (由于性能方面的原因,bundle是import的,但是请记住,随着http 2的到来,这个过程将被废弃)

缩小:这是所有networking应用程序的标准stream程,但是现在只能缩小捆绑的文件。

看看这篇文章,因为它提供了一些工具的例子,可以帮助你部署过程。 http://www.ninjaducks.in/hacking/angular-setup/

如果你没有后端,免费托pipe网站通常会寻找一个index.html开始他们的工作。 因此,您的文件夹结构是正确的,但您将需要上传js文件,而不是ts文件。

我认为,一个stream行的工作stream程是大胆打字你的.ts文件,并将生成的.js文件发送到分发文件夹。 许多.js文件也可以被“gulp-concatenated”(gulp-concat)组合成一个文件。

当然你也需要发送你的html和css文件。

由于Angular2库在很大程度上依赖于node_modules文件夹中的内容,因此您需要将package.json和npm install上载到服务器端。 您可以尝试上传node_modules,但上传需要很长时间。

您需要使用像webpack或angular-cli这样的工具来构buildangular2项目,该工具也使用webpack post beta.14发行版。 Webpack将创build一个分发目录 – dist – 您可以将其部署到服务器。 Webpack将所有代码捆绑到一个放在dist文件夹中的文件中。 以下是了解angular2应用程序的代码和部署结构的一个很好的资源: https : //github.com/mirkonasato/angular2-course-webpack-starter

克隆上面的目录,运行“npm install”安装所有的依赖关系,运行“npm run build”,你会看到你可以部署的分发文件夹dist。

那么,你可以在你的根应用程序目录下运行。 它将创build一个包含应用程序和文件的dist目录。 你可以把这个目录放到网页服务器将寻找的index.html中