Skip to content

This repository demonstrates use of webpack in angular js application to make it modular.

Notifications You must be signed in to change notification settings

divyanshu-rawat/Angular-JS-WebPack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bundling Angular with webpack

Join the chat Contact me on Codementor Twitter URL DUB

Divyanshu Say Thanks! Build Status NPM

Description

  • Angular is so modular you can separate your JavaScript code like your controllers and services into multiple files. But adding all of the script references to your HTML might be painful. No worries there is a workaround to this problem.

  • webpack is a module loader that works similar to how Node handles modules. With webpack you can install Angular using NPM, the Node Package Manager.

  • This application basically monitors the status of github.com and all its related services.

Installation Instructions

  • Open a command prompt in the project's root directory.

  • Cd into that root folder you just cloned locally.

  • Open terminal in the current folder and to install all dependencies type

   npm install 
  • This installs the dependencies as defined in the package.json file
   npm run bundle 
  • By running this command example webpack will read and analyze the entry point and its dependencies (including transitive dependencies).Then it will bundle them all into app.bundle.js.

  • Now typing

   http-server
  • It will launch the server on http://172.18.0.1:8081

Contributing

  1. Create your branch: git checkout -b my-new-feature

  2. Commit your changes: git commit -m 'Add some feature'

  3. Push to the branch: git push origin my-new-feature

  4. Send a Pull Request

  5. Enjoy!

Dependencies

  • Angular JS,webpack

some examples

  • Main Application.

alt tag

  • On running npm run bundle.

alt tag

  • Sample example showing How webpack works.

alt tag

About

This repository demonstrates use of webpack in angular js application to make it modular.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published