Example of implementation of Component pattern for Angular JS 1.X using ES6 & Webpack
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Permalink
Failed to load latest commit information.
src
.gitignore Added build process, added app configuration, basic routes Aug 2, 2015
README.md
karma.conf.js
package.json
webpack.build.js
webpack.config.js
webpack.make.js
webpack.test.js

README.md

ATTENTION

This is one of the first Angular JS repositories I created, if you like component pattern and want a seed project use Angular JS 1.X ES6 seed which implements component pattern, contains better webpack build and advanced testing support out of the box, happy hacking!

Component Pattern for Angular JS 1.X

Components

Features

  • standard implementation of a state using ui-router
  • component implementation used as inline template in ui-router state definition
  • ES6, Webpack

Installation

To use it, just clone this repo and install the npm dependencies:

$ git clone https://github.com/tomastrajan/component-pattern-for-angular-js-1-x component_pattern_example
$ cd component_pattern_example
$ npm install

Scripts

All scripts are run with npm run [script], for example: npm run test.

  • build - generate a minified build to dist folder
  • dev - start development server, try it by opening http://localhost:8080/
  • test - run all tests
  • test:live - continuously run unit tests watching for changes

Credits

This example uses build process from angular-webpack-workflow, so check it out for more information if needed.