laravel4-assets package
A simple assets manager for Laravel 4.
Add the following to your composer.json file :
"roumen/asset": "dev-master"Then register this service provider with Laravel :
'Roumen\Asset\AssetServiceProvider',and add class alias for easy usage
'Asset' => 'Roumen\Asset\Asset',Don't forget to use composer update and composer dump-autoload when is needed!
// adds css asset
Asset::add('css/default.css');
// adds js asset
Asset::add('js/home.js');
// adds js asset to the 'footer' array
Asset::add('js/some.js', 'footer');
// adds script to 'ready' array (scripts are loaded in $(document).ready() function)
$script1 = '$("#hello").html("Hello World!")';
Asset::addScript($script1, 'ready');
// loads css assets (place this in your master layout before close head tag)
Asset::css();
// loads js assets for your header and footer
Asset::js();
Asset::js('header');
// loads all scripts for your header, footer or for your $(document).ready() function
Asset::scripts('header');
Asset::scripts('footer');
Asset::scripts('ready');
// in case that you need to load asset as first element in its own array
Asset::addFirst('js/toBeLoadedFirst.js');
// set a domain name for your local assets in production environment
// must end with slash ('/') and point to your files (domain alias, cdn etc.)
// must be placed before Asset::css() or Asset::js() statements
Asset::setDomain('http://static.mydomain.ltd/');<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<!-- css files -->
{{ Asset::css() }}
<!-- css styles -->
{{ Asset::styles() }}
<!-- js files (header) -->
{{ Asset::js('header') }}
<!-- js scripts (header) -->
{{ Asset::scripts('header') }}
</head>
<body>
<!-- content of nested view -->
{{ $content }}
<!-- js files -->
{{ Asset::js() }}
<!-- js scripts -->
{{ Asset::scripts('footer') }}
<!-- jquery scripts -->
{{ Asset::scripts('ready') }}
</body>
</html>v1.5 - You can now use your own asset groups
// add assets to 'foobar' group
{{ Asset:add('foo.js','foobar') }}
{{ Asset:add('bar.js','foobar') }}
{{ Asset:addScript($script,'foobar') }}
// load assets from 'foobar' group
{{ Asset:js('foobar') }}
{{ Asset:scripts('foobar') }}