Using Elixir and Gulp to set up Angular

After all the manual installation work at the start of this chapter, I want to step back and automate this with Elixir. I will use Gulp via Elixir to put my files in place for me and aggregate them as I work on them.

This means I will start to keep my assets in resources/assets" not "public and then aggregate them, as I edit them, to the correct areas.

To be clear, I am, by far, no Gulp expert. The system here just helped me to put in place a decent workflow, filling in some of the blanks I did not see in the Laravel docs.

Getting ready

If you did not follow the start of this chapter, you might not have all the files I am about to move into different places. If not, no big deal; you will still get a sense of how this all works.

How to do it...

1. Move all CSS files into resources/css" and JavaScript "resources/js so that your folders look like this:

   

2. Then, move all the CSS calls out of the layout, so it looks just like this:

   

3. Then, I will do the same for the footer...