Vue and Sass

Vue.js (opens new window) handles the complete UI of Bagisto

Laravel Mix (opens new window) is a package that provides a fluent API for defining webpack (opens new window) and it build steps for your Laravel (opens new window) application using several common CSS and JavaScript pre-processors (opens new window).

Bagisto is using Vue.js (opens new window) and Sass (opens new window), webpack compiles all of CSS and JavaScript assets that are placed into public directory.

In webpack.mix.js file, just define your Vue.js (opens new window) and Sass (opens new window) assets, webpack (opens new window) will be responsible to compile all the assets on defined location.

Blade

Bagisto uses blade template engine that is included with Laravel. It does not restrict you from using plain PHP code in your templates. This documentation (opens new window) provides an explanation of directory structure and package configuration for implementations.