Where to put what?

Quick guide thanks to this Laracasts video.

HTML generated by Laravel (eg. alerts)

• Main HTML template

CSS

• Put code in resources/assets/sass|css/components/
• @import 'components/Name' in app.scss
• gulpfile.js - Elixir will take care of compilation

JavaScript

• resources/assets/js/
• gulpfile.js - mix.browserify('main.js');
• Install vueify
• Add require('laravel-elixir-vueify'); to gulpfile.js
• resources/assets/js/main.js:

                      var Vue = require('vue');
  
                      // .vue stores both HTML and JS for the component!
                      // It can (should?) store CSS too.
                      import Name from './components/Name.vue';
  
                      new Vue({
                          el: '#app',
                          components: { Name },
                          ready: function() {
                              // Just a test
                              alert('All JS dev stacks suck!');
                          }
                      })
                  

Gulp!

• gulp