Webpack:webpack conflicts with angular-babel

I’m trying to configuring an existing project with ionic (@Urigo angular) + webpack:webpack (@benoitt )
My first attemp failed with:

=> Errors prevented startup:

   While determining active plugins:
   error: conflict: two packages included in the app
   (pbastowski:angular-babel and webpack:webpack) are both
   trying to handle *.js

   While determining active plugins:
   error: conflict: two packages included in the app
   (pbastowski:angular-babel and webpack:webpack) are both
   trying to handle *.js

Any ideas to solve it?

Please see this answer on StackOverflow: http://stackoverflow.com/questions/34236053/angular-meteor-conflict-with-pbastowskiangular-babel-and-webpackwebpack

You don’t need angular-babel. If you are using Webpack, it is already giving you all the goodies angular-babel would + much more :smile:

You can safetly do this:

meteor remove angular
meteor add angular-meteor-data
meteor add angular-templates

The only thing you will be missing is ng-annotate. I’ll need to check how we can integrate that into Webpack as well.

In fact you can add to your Webpack config the ng-annotate-webpack-plugin plugin and you’ll get ng-annotate back :smile:

By the way big improvement are coming into Webpack very soon to simplify it and be closer to the Meteor 1.3 workflow

1 Like