Angular Webpack Starter

Overview:

Angular Webpack Starter is a comprehensive starter kit for developing Angular applications. It is built upon Angular Starter and offers an extensible and customizable workflow for serving, linting, unit testing, e2e testing, and bundling. It also supports the use of dotenv environment variables, ensuring a seamless development experience. This starter kit prides itself on its high code coverage and CI/CD pipeline readiness, allowing developers to build high-quality Angular applications with ease.

Features:

• Extensible via ngstarter extensions
• Complete workflow from serve, lint, unit test, e2e test, to bundling
• Support for dotenv Environment Variables
• 100% code coverage
• 100% CI/CD pipeline ready
• No global package installation required
• Easily customizable and configurable

Installation:

To install Angular Webpack Starter, follow these steps:

1. Download the starter from the releases page.
2. Navigate to the starter directory in the terminal.
3. Install the packages using Yarn (recommended) or npm.
4. Copy the .env.example file and rename it as .env.
5. For more details on configuration, refer to the documentation.

To start the development server, run the following command:

npm start

Open a browser and navigate to http://localhost:8080 to start developing Angular applications. Any changes made to the files will automatically refresh the browser and compile the TypeScript files to JavaScript.

If any errors occur during startup, retry running the command:

npm run build:dll

To run unit tests, use the following command:

npm test

This command will compile all TypeScript files, start Karma (test runner), and remap Istanbul coverage to display TypeScript coverage instead of transpiled JavaScript coverage.

For E2E testing, start the server by running:

npm run server

To begin testing, run:

npm run e2e

For production builds, use the following commands:

npm run build

or

npm run build:serve

For detailed instructions on Continuous Integration, refer to the wiki page.

Summary:

Angular Webpack Starter is a comprehensive starter kit for developing Angular applications. It offers an extensive set of features and a complete workflow for development, testing, and deployment. With support for dotenv environment variables, high code coverage, and a ready-to-use CI/CD pipeline, this starter kit provides developers with a solid foundation for building high-quality Angular applications. Additionally, the kit is easily customizable and extensible through community-built extensions.