4

I am looking to deploy Angular 5 application with continuous integration from bitbucket on an Apache server

Now because I am new to the field, I am unaware of the possible options to do this

Like do we need to integrate webpack with Jenkins, or do we need to write some other code on Jenkins, or we can do it without Jenkins and do we need to integrate it along with Sonar

Some pages do not give any clue about webpack, while some say you just have to write webpack script in Jenkins

Anyone having experience in this, please enlighten us

2 Answers 2

4

If you are using angular cli to building the application, then its pretty straight forward to do the same via jenkins/teamcity.

Install node js on jenkins - https://wiki.jenkins.io/display/JENKINS/NodeJS+Plugin Further you can follow this blog - https://blog.couchbase.com/create-continuous-deployment-pipeline-nodejs-jenkins/

Specific to angular 2/4/5 -You just need to pass the angular CLI commands via shell script and push the build generated towards the desired server.

Something like - ng build With that you can use following flags as well 1. '--prod' - reduces the build size considerably, as it eliminates dead code while using tree shaking 2. '--build-optimizer' - it performs further code optimization, e.g removing decorators etc (works with angular 5, CLI 1.5)

Command will look something like - ng build --prod --build-optimizer

For more in-depth you can read wiki - https://github.com/angular/angular-cli/wiki/build

Sign up to request clarification or add additional context in comments.

Comments

1

With the combination of serverless framework and aws s3 storage it's more easy to deploy your angular applications, need not to worry much about webpack. Single command should take care of everything. npm run build: serverless : deploy

For more information : https://serverless.com/framework/docs/providers/aws/guide/deploying/

these commands you can add to any CD tool.

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.