Angular Webpack Starter
A complete Angular 6 and Webpack 4 starter seed with minimal and full featured branches. Full featured branch includes: Material Design 2 (Bootstrap 4 branch available as well), @ngrx, HMR, DLLs and optional use of Universal for server-side rendering - Supports AOT (offline) compilation, sync and...
Overview:
This is a complete starter seed project for AngularMaterial Branch with Universal (Server-side rendering) support. It features Material Design 2, Webpack, HMR (Hot Module Replacement), @ngrx for state management, and optional server-side rendering with Universal. The goal of this project is to provide an environment where developers can easily create a production application without worrying about adding extra dependencies.
Features:
- Angular
- Async loading
- Tree shaking
- AOT (Ahead of Time/ Offline) Compilation
- AOT safe SASS compilation
- Webpack 4
- Webpack Dlls (Speeds up devServer builds)
- @ngTools AOT plugin
- HMR (Hot Module Replacement)
- TypeScript 2
- Material Design 2
- Universal (Server-side Rendering)
- @ngrx store (RxJS powered state management for Angular apps, inspired by Redux)
- effects (Side effect model for @ngrx/store)
- router-store (Bindings to connect angular/router to ngrx/store)
- store-devtools (Developer Tools for @ngrx/store)
- ngrx-store-logger (Advanced console logging for @ngrx/store applications, ported from redux-logger.)
- ngrx-store-freeze in dev mode (@ngrx/store meta reducer that prevents state from being mutated.)
- Karma/Jasmine testing
- Protractor for E2E testing
Summary:
This is a complete starter seed project for AngularMaterial with Universal support. It includes various features such as Material Design, Webpack, HMR, and @ngrx for state management. The project aims to provide a pre-configured environment where developers can easily create a production application without worrying about adding extra dependencies. The installation process is straightforward, and the project offers customizable options through the constants.js file.
- Angular
Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.