recently did a quick wordpress site and used laravel elixir which was amazingly awesome. setting up elixir is simple, you just need to update config path which is by default setup for laravel applications and thats it…
enjoy auto-prefix, image-optimize and browser-sync or whatever modules you use for frontend development.
/** *Package.json = your dependency */ "dependencies": { "laravel-elixir": "^5.0.0" }, /** *update public path */ elixir.config.publicPath = 'path/to/assets/'; elixir(function(mix) { mix.sass('style.scss', 'min/style.min.css'); }); elixir(function(mix) { mix.scripts('app.js', 'min/app.min.js'); }); /** *gulp.js file */ var elixir = require('laravel-elixir'); elixir.config.assetsPath = 'assets/'; // Task #1: Using Sass's @import syntax, Elixir will compile your imports into a single file before compress. Don't forget that all paths are relative to your assetsPath configuration above. elixir(function(mix) { mix.sass('/path/to/your-styles.scss', '/path/to/your-styles.min.css'); }); // Task #2: Compile each JS file defined here into a single file. elixir(function(mix) { mix.scripts([ 'path-to-js/script1.js', 'path-to-js/script2.js', 'path-to-js/script3.js', ], 'site.min.js') });
References: http://cameronscott.co/posts/using-laravel-elixir-with-wordpress