luwen-huang / angular-gulp-webpack-starter

template starter kit demonstrating angular, gulp, webpack with ui-router and lazy-loading

Angular, Gulp, Webpack Starter

This starter kit configures webpack and gulp with an Angular single page app. For the three part blog post that accompanies this, head over to Part III.

I've updated the code from the blog to correct for some typos, so you should go with the code here, instead of from the posts.

This starter kit is barebones, rather ugly, and meant to be only an example for a few things:

• How to run webpack on gulp (because gulp is simple and awesome to use)
• How to require in html and scss, especially with Angular templates
• How to structure your Angular app in a modular way to be require'd
• How to set up ui-router with webpack lazy-loading

Note that the custom lodash build in bower_components was generated from the lodash-cli. If you want to use other builds, make sure to change the lodash path referenced in the webpack config.

Install

git clone https://github.com/starterkits/frontend-starterkit-minimal.git
cd angular-gulp-webpack-starter
npm install

Development

gulp watch

Production

For simplicity, I've decided not to include a production gulp task, but I've included a line in the webpack config that shows how you can do things like uglify. If there are requests, I can write out a production task.

angular-gulp-webpack-starter's Issues

alternative to $ocLazyLoad

Will be posible get an approach with something like this instead use $q and $ocLazyLoad?
like in this article..
http://ify.io/lazy-loading-in-angularjs/
thanks in advance..

angular.config(['$controllerProvider', '$compileProvider', '$filterProvider', '$provide', configAppResources])

function configAppResources($controllerProvider, $compileProvider, $filterProvider, $provide) {
app.controller = $controllerProvider.register;
app.directive = $compileProvider.directive;
app.filter = $filterProvider.register;
app.factory = $provide.factory;
app.service = $provide.service;
}

Magnification causes app to break

If you uncomment the line in gulpfile.js with the uglify plugin the minified version will not run correctly. It wont switch states or load in the lazy loaded file.

not working

thanks for your work. but it can not working.

gulp repack

Error: Module did not self-register.
at Error (native)
at Module.load (module.js:355:32)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
at require (module.js:384:17)
……

咋回事？