Boilerplate Es6 Angular Webpack
This is a starter kit to get you working with es6 classes and modules within Angular using Webpack.
git clone https://github.com/nearbycoder/boilerplate-es6-angular-webpack.git
npm installwithin the directory the repo is located
- run 'npm start' this will start webpack-dev-server on port 8080
- From there the root of the app is
Take note: I have created a example component called home. This wil show you how to use es6 imports with angular to create a folder module structure for your components.
npm run build
Take note: this will extract everything into the
Angular Dependency Minification Info
As we have come to know and love, when angular is minified if you don't add the necessary array syntax to name your dependencies the minification process will break angular. In order to fix this with less boilerplate this kit includes ng-annotate. This means that within our functions/class contstructors we will need to add
'ngInject'; to tell ng-annotate to look at the dependencies and create the necessary minification fixes.