Angular GitLab CI/CD Example Project
I've generated this project with the Angular CLI version 7.1.0. I've also added the
.gitlab-ci.yml files necessary to start building a simple automated CI/CD pipeline from GitLab to AWS EC2.
Remember to change the name of the path to the files in
.gitlab-ci.yml since you're group and project name will be different than mine.
Follow this tutorial to get started Simple Angular CI/CD pipeline with GitLab & AWS
On a high level the process will look like this:
Push changes to the master branch
GitLab will detect changes and start building the production bundle (via the instructions in
Once done building GitLab will push the build artifact to AWS S3
AWS CodeDeploy will detect a change in the S3 Bucket and deploy the build artifact (via the instructions in
ng serve for a dev server. Navigate to
http://localhost:4200/. The app will automatically reload if you change any of the source files.
ng generate component component-name to generate a new component. You can also use
ng generate directive|pipe|service|class|guard|interface|enum|module.
ng build to build the project. The build artifacts will be stored in the
dist/ directory. Use the
--prod flag for a production build.