Making Websites With October CMS - Part 37 - Laravel Mix and Webpack

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.

At the beginning of this series I showed you how to use 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.

### Code used in this video

### Consider buying me a beer, thanks ;) !

[sol]

Hello Ivan, I'm watching and learning from your videos! Thank you very much for the deep explanation and effort, I'm glad I've found these lessons.

Which Editor are you using? Is it sublime text editor? If yes, please tell me how to make it look like same as yours, it's very clean.

[B.S]

Thnks sir for your videos as always said.since you are making project of movies can we add upload and download link of songs of that movie how to so that.secondaly how to use api in plugins will make video for it if possible

[nusaik]

Very helpful video! Just a small question: Why do you install everything through NPM in your root directory instead of in "themes/olympos"? What if you want to switch themes? Wouldn't it be better to install this separately for each theme, since the configuration is different?

[serhio]

Hi Ivan, i dont know why, but not reload 4 me when i change my css files, when change htm - works.

[frankponte]

Hello, Ivan. I'm trying to do this with latest version of October CMS but is not working, im getting vulnerabilities and files doesn't get installed properly. Any idea how to fix it? Thank you for your tutorials, i'm watching them all

[AliRaza]

Hello sir, first of all, I would like to appreciate your effort. you are doing a great job. What is the best way to add multiple js libraries like google map, graph and js plugins like date picker, time picker, and carousel etc, via using Laravel mix? As well as add custom jquery code. Please must do reply ASAP.

[Nudjialz]

Why would you use Laravel Mix over the bundling of OctoberCMS?