Skip to content

Instantly share code, notes, and snippets.

@FDiskas

FDiskas/.bowerrc

Created March 17, 2016 22:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save FDiskas/48864a36590a4d8e7146 to your computer and use it in GitHub Desktop.
Save FDiskas/48864a36590a4d8e7146 to your computer and use it in GitHub Desktop.
Download ZIP
laravel-elixir + laravel-elixir-wiredep + laravel-elixir-useref + asset
Raw
.bowerrc
{
"directory": "public/assets/vendor"
}
Raw
bower.json
{
"private": true,
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
],
"dependencies": {
"bootstrap-sass": "^3.3.6",
"bootstrap-select-sass": "^1.6.3"
}
}
Raw
gulpfile.js
require('laravel-elixir');
require('laravel-elixir-wiredep');
require('laravel-elixir-useref');
var options = {
fileTypes: {
php: {
block: /(([ \t]*)<!--\s*bower:*(\S*)\s*-->)(\n|\r|.)*?(<!--\s*endbower\s*-->)/gi,
detect: {
js: /<script.*src=['"]([^'"]+)/gi,
css: /<link.*href=['"]([^'"]+)/gi
},
replace: {
js: '<script src="{{ asset(\'{{filePath}}\') }}"></script>',
css: '<link rel="stylesheet" href="{{ asset(\'{{filePath}}\') }}" />'
}
}
}
};
elixir(function (mix) {
mix
.sass(['app.scss'])
.browserify('app.js')
.wiredep('php', {src: 'layouts/app.blade.php'}, options)
.useref()
.version(['js/vendors.min.js', 'css/vendors.min.css']);
});
Raw
package.json
{
"private": true,
"devDependencies": {
"gulp": "^3.8.8"
},
"dependencies": {
"laravel-elixir": "^4.0.0",
"laravel-elixir-useref": "^1.2.1",
"laravel-elixir-wiredep": "^2.1.0",
"useref": "git+https://github.com/CodersAKL/useref.git#master"
}
}
Raw
resources\assets\js\app.js
// Place for the website js
Raw
resources\assets\sass\app.scss
// bower:scss
// endbower
Raw
resources\views\layouts\app.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel</title>
<base href="{{ config('app.url') }}">
@if ( Config::get('app.debug') )
<!-- build:css(public) css/vendors.min.css -->
<!-- bower:css -->
<!-- endbower -->
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<!-- endbuild -->
@else
<link rel="stylesheet" href="{{ elixir("css/styles.min.css") }}">
@endif
</head>
<body id="app-layout">
@yield('content')
@if ( Config::get('app.debug') )
<!-- build:js(public) js/vendors.min.js -->
<!-- bower:js -->
<!-- endbower -->
<script src="{{ asset('js/app.js') }}"></script>
<!-- endbuild -->
@else
<script src="{{ elixir('js/scripts.min.js') }}"></script>
@endif
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment