Skip to content
Get packs

Angular Webpack Starter

A starter project for building Angular apps with TypeScript and Webpack, from an older Angular 6 era.

GitHub Download v5.2.0
Stars
10.2k
Forks
4.7k
Licence
MIT
Language
JavaScript
Last update
3.1 years ago
Type
App

No commits in over a year — check for forks or alternatives before adopting.

What it is

This is a template project that gives you a pre-configured Angular app using TypeScript and Webpack as the build tool, so you do not have to wire those pieces together yourself. It includes example components, unit tests with Karma and Jasmine, and end-to-end tests with Protractor. The README itself says the Angular CLI is the preferred way to start a new Angular app, and the project targets Angular 6 and Node 8 era tooling.

  • Run a sample Angular app locally with hot module replacement using npm run server:dev:hmr
  • Run unit tests with Karma and Jasmine and check coverage with Istanbul
  • Build a production bundle using the Webpack production config
  • Experiment with the example app by editing src/app/app.component.ts

Great for

  • Developers who want to study a hand-configured Webpack and Angular setup
  • Learners exploring how Angular, TypeScript and Webpack fit together
  • Teams maintaining an existing Angular 6-style project that uses similar tooling

Not ideal for

  • Anyone starting a new Angular app today: the README says to use the Angular CLI instead, and this project was last pushed in October 2023 with Angular 6 references
  • Beginners who want the simplest path: the README points to angular-seed as an easier option
  • Projects needing current Node or Angular versions, since the README lists Node 8 and npm 5 as requirements
Step-by-step guide: how to use Angular Webpack StarterInstall, first run, examples, tips and FAQs
Angular CLI vs Angular Webpack Starter

How to get it

  1. 1

    Clone and build from source

    You'll need: Node.js 8.0 or higher (README says Node v8.x+ or v9.x.x) · npm 5 or higher, or Yarn

    Clone the repo (shallow)

    git clone --depth 1 https://github.com/gdi2290/angular-starter.git

    Change into the project directory

    cd angular-starter

    Install dependencies

    npm install
  2. 2

    Run it

    • Run npm start to launch the development server
    • Open http://localhost:3000 in your browser
    • Edit src/app/app.component.ts and see the page update
    • Optionally run npm run server:dev:hmr for hot module replacement
  3. 3

    Get the most out of it

    • Use the server:dev:hmr script for faster feedback while editing
    • Read config/ files to see how dev, prod and test builds differ
    • Set the ANGULAR_CONF_FILE environment variable to load your own config file, as described in the file structure notes
    • Use the included Karma and Protractor configs as a starting point for your own tests

Downloads

Source code (.zip)master branch · straight from GitHubRelease v5.2.0Release notes and source

Strengths

  • Clear, documented file structure separating dev, prod and test configs
  • Covers many common pieces (AoT compile, tree shaking, testing, HMR) in one template
  • MIT licensed and widely starred, so it is easy to read and reuse

Trade-offs

  • The README targets Angular 6, Webpack 4 and Node 8, which are very outdated for current use
  • The README recommends the Angular CLI for new apps, so this is more of a reference than a recommended starting point
  • Several linked resources and badges (Travis CI, Gitter, david-dm) appear stale

How it compares

ProjectStarsTypeLevelUpdatedBest for
angular-webpack-starter (this)10.2kAppintermediate3.1 years agoDevelopers who want to study a hand-configured Webpack and Angular setup
angular-seed13.1kDev toolbeginner4.7 years agoDevelopers maintaining or learning an AngularJS 1.x codebase
angular-cli27kCLIbeginner4 days agoDevelopers starting a new Angular web application
storybook91.4kDev toolintermediate4 days agoFrontend teams building a shared component library or design system
qiankun16.7kLibraryintermediate6 days agoTeams splitting one large web app across several groups that deploy independently
angular101kFrameworkintermediate6 days agoDevelopers building larger, multi-screen web applications

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.