Adding vueJS into an existing angular application

Question

I have an existing angular application and I want to start changing some of it to a vueJS application.

My application, in dev mode, loads all scripts in the main html file (in production mode its bundled into app.js but I want to start testing to dev mode).

I want to change on of the states to use vue, so I read it's possible in the following way: https://medium.lucaskatayama.com/migrating-from-angular-to-vuejs-71277cdc3dd9

However, I want to use a .vue files syntax and I don't know if that's possible without using webpack or any other bundler in dev mode.

So my question is - Is that possible? Can I use .vue files inside my ng app with the current configurations? Furthermore, is there a nice way to webpack only the vue files and components (even though I have to initialize them inside and angular controller as it seems).

If there are any good tutorials for adding vue into angular app, I would love to get them, as I failed finding good ones.

Thanks

Answer 1

ngVue member here :)

At Dawex (the company I'm working at), we're using Vue within a big AngularJS application, with ngVue. It's in production for several months now and it works very well. You can find more informations on this article I wrote before last summer: https://medium.com/dailyjs/how-to-migrate-from-angularjs-to-vue-4a1e9721bea8. Hope that helps!