Skip to main content

Folder Structure

Source: Code with Mosh

  • e2e end-to-end tests
  • node-modules dependencies
  • app main app
  • assets static assets
  • env
  • favicon.ico
  • index.html
  • main.ts
  • polyfills javascript features that angular needs
  • styles.css global styles
  • tests
  • angular-cli.json cli config
  • .editorconfig
  • karma.config.js configuration for tests
  • package.json standard file for every node application, contains dependencies info
  • protractor
  • tsconfig.json
  • tslint.json

  • Angular CLI uses webpack to bundle typescript, style bundles
  • Webpack compiles on any changes to files
  • Adds/Injects bundles to index.html <scripts> tag at runtime