/webpack-angular-es6

Webpack - lovely modules, angular 1.x, babel6

Primary LanguageJavaScriptApache License 2.0Apache-2.0

WAT is this?

This repo is to showcase a usage of webpack. It's:

  • Angular 1.x,
  • ES6
  • Babel 6

Idea is based on egghead.io videos and it's goal is glorify modules.

Requirements

Tools:

  1. node >= 5.x (supports es6) I recommend nvm

  2. when cloned type:

    npm i

Development

How to start a server on http://localhost:9090/ (bundles are served from memory):

npm start

Production build

Command to build dist:

npm run build

Run production with http-server:

Command to serve dist files:

npm run dist

Other

Remarks about my mistake: When in webpack.config.js you change module.export to module.exports it's fine with just:

webpack

Express server

Might be run with the one of the following (only after npm run dist):

npm run dev (this one uses nodemon)
node app.js

Runs on localhost:3000.

Resolved issues and references:

  1. Angular with Webpack - Introduction
  2. Using Angular 1.x With ES6 and Webpack
  3. .babelrc or package.json: babel section
  4. babel6 plugin for module exports

License

LICENSE

Preview

webpack + angular + es6

TODO

  1. test to use angular mocks
  2. MONDO integration

Mondo is cool, check it out ;) Here I've created a basic angular integration with its API.

Mondo API