We already learned about [Command Line](http://watch-learn.com/video-tutorials/basic-frontend-tools-command-line) and [npm](http://watch-learn.com/video-tutorials/basic-frontend-tools-npm-node-package-manager) so now we are going to use that knowledge to install a task runner called Gulp.  

Gulp is one of the most popular task runners and in this episode I will show you how to setup some basic tasks for your project. 

Tasks that will be covered in this episode are: 

* Setting up autoprefixer
* Setting up SCSS compilation of files
* Watching our files
* Setting up BrowserSync

In this episode we are going to go through the basics of creating tasks that are going to be used by our task runner called Gulp.

Gulp

At the beginning of this series I [showed you how to use Laravel Elixir](http://watch-learn.com/video-tutorials/making-websites-with-october-cms-part-04-setting-up-laravel-elixir) for your assets pipeline. And in this episode we are going to cover something similar, evolution of Laravel Elixir into Laravel Mix.

Laravel Mix is a wrapper around Webpack that allows you to very easily write Webpack configuration files. In this episode I'm going to show you how to easily set it up for October CMS, I'm also going to show you how to bundle your modules with Webpack and how to use BrowserSync to reload your page every time you make a change.

In this episode we are going to take a look at how you can use Laravel Mix (wrapper around Webpack) to create your asset pipeline in October CMS.

Tutorials tagged with: browsersync

Get in touch