Useref Extension for Laravel Elixir 6.x
npm install laravel-elixir6-userefyarn
``bash`
$ yarn add laravel-elixir6-useref
or
npm
`bash`
$ npm install --save laravel-elixir6-useref
And add it to your Elixir-enhanced Gulpfile, like so:
`javascript
var elixir = require('laravel-elixir');
require('laravel-elixir6-useref');
elixir(function(mix) {
mix.useref([
'layouts/construct.blade.php',
'app/app.blade.php'
]);
});
`
Then you just have to edit your php file(s) and some extra markup, like this:
`html
This will scan your asset dependencies in your
app.blade.php, concat and minimise those files and put them in your public directory as css/all.css and js/all.js (you can change the name in the tag if you like).This tool is really powerful if you use laravel-elixir-wiredep to inject your assets in:
@if ( Config::get('app.debug') )
@else
@endif
Note: It will not replace the assets in your app.blade.php - you should check if you are in production / debug mode and output your compiled assets or your source assets:
@if ( Config::get('app.debug') )
@else
@endif
Options
This wrapper accepts four arguments for configuration:
- php file paths (string|array)
- outputDir
- baseDir
- useref (document)Example
This is an example of a Gulp file that runs wiredep to inject all our assets and then uses useref (searching in the public directory) to compile all the assets in master.blade.php :`javascript
var elixir = require('laravel-elixir');
require('laravel-elixir6-useref');elixir(function(mix) {
mix
.wiredep()
.useref('master.blade.php', null, null, { searchPath: 'public' });
});
``