Deploy angular2 application

Question

I developed an application in angular2 and now I need to deploy it.

Currently I have a wwww root folder containing:

• html files
• js files (generated from typescript)
• css files (generated from scss)
• /node_modules/ folders
• /bower_componenets/ folder

The last two folders (node_modules & bower_components) are very heavy (300 mb and thousands of files) and it is very frustrating copy them using FTP.

Is there a way to keep only the needed files?

Thanks a lot

Answer 1

You can use gulp for creating bundle from the libraries into single file ex. vendor.js . Also deploying via ftp is very primitive. You should put your app on GitHub or Bitbucket and then log in to the server and pull your repository there and because you don't put the libraries folders into your git repository you will install the libraries on the server. If you want to go more advance you can use tool like Jenkins combined with gulp task for building your application. Jenkins will build your application automatically and deploy to your server on every push on your git repository

Answer 2

The following question could help you if you want to use Gulp:

• How do I actually deploy an Angular 2 + Typescript + systemjs app?

Note that some answers are for beta versions and packaging changed for RC versions.

Angular-cli could also help you to build your application within the following command:

ng build -prod

Moreover using tree shaking could be interesting to minimize the weight of JavaScript files. See this article for more details:

• http://blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/