mirror of
https://github.com/prurigro/hypothetical.git
synced 2024-11-09 11:16:39 -05:00
Replace laravel-elixir with pure gulp
This commit is contained in:
Kevin MacMartin
parent
6405748b88
commit
b6c1544013
5 changed files with 148 additions and 56 deletions
198
gulpfile.js
198
gulpfile.js
|
|
@ -1,62 +1,148 @@
|
|||
process.env.DISABLE_NOTIFIER = true;
|
||||
|
||||
// include packages
|
||||
var gulp = require('gulp'),
|
||||
elixir = require('laravel-elixir'),
|
||||
lessglob = require('less-plugin-glob');
|
||||
gUtil = require('gulp-util'),
|
||||
gLess = require('gulp-less'),
|
||||
gConcat = require('gulp-concat'),
|
||||
gPlumber = require('gulp-plumber'),
|
||||
gUglify = require('gulp-uglify'),
|
||||
lessGlob = require('less-plugin-glob'),
|
||||
lessAutoPrefix = require('less-plugin-autoprefix'),
|
||||
lessCleanCSS = require('less-plugin-clean-css');
|
||||
|
||||
// autoprefixer settings
|
||||
elixir.config.autoprefix = {
|
||||
remove: false,
|
||||
cascade: false,
|
||||
browsers: [ 'last 2 versions' ]
|
||||
// determine if gulp has been run with --production
|
||||
var prod = gUtil.env.production;
|
||||
|
||||
// initialize plugins
|
||||
var autoprefix = new lessAutoPrefix({ remove: false, cascade: false, browsers: [ 'last 2 versions' ] }),
|
||||
cleancss = new lessCleanCSS({ advanced: true });
|
||||
|
||||
// declare less plugins based on wither gulp has been run with --production
|
||||
var lessPlugins = prod ? [ lessGlob, autoprefix, cleancss ] : [ lessGlob, autoprefix ];
|
||||
|
||||
// javascript files for the public site
|
||||
var jsPublic = [
|
||||
'resources/assets/js/site-vars.js',
|
||||
'resources/assets/js/contact.js',
|
||||
'resources/assets/js/subscription.js',
|
||||
'resources/assets/js/app.js'
|
||||
];
|
||||
|
||||
// javascript libraries for the public site
|
||||
var jsPublicLibs = [
|
||||
'bower_components/jquery/dist/jquery.min.js',
|
||||
'bower_components/bootstrap/dist/js/bootstrap.min.js',
|
||||
'bower_components/jQuery.stickyFooter/assets/js/jquery.stickyfooter.js'
|
||||
];
|
||||
|
||||
// javascript files for the dashboard
|
||||
var jsDashboard = [
|
||||
'resources/assets/js/dashboard.js'
|
||||
];
|
||||
|
||||
// javascript libraries for the dashboard
|
||||
var jsDashboardLibs = [
|
||||
'bower_components/Sortable/Sortable.js',
|
||||
'bower_components/datetimepicker/build/jquery.datetimepicker.full.min.js',
|
||||
'bower_components/simplemde/dist/simplemde.min.js'
|
||||
];
|
||||
|
||||
// paths to folders containing fonts that should be copied to public/fonts/
|
||||
var fontPaths = [
|
||||
'resources/assets/fonts/**',
|
||||
'bower_components/bootstrap/dist/fonts/**',
|
||||
'bower_components/font-awesome/fonts/**'
|
||||
];
|
||||
|
||||
// function to handle gulp-plumber errors
|
||||
function plumberError(err) {
|
||||
console.log(err);
|
||||
this.emit('end');
|
||||
}
|
||||
|
||||
// function to handle the processing of less files
|
||||
function processLess(filename) {
|
||||
return gulp.src('resources/assets/less/' + filename + '.less')
|
||||
.pipe(gPlumber(plumberError))
|
||||
.pipe(gLess({ plugins: lessPlugins, paths: 'bower_components/' }))
|
||||
.pipe(gConcat(filename + '.css'))
|
||||
.pipe(gulp.dest('public/css/'));
|
||||
}
|
||||
|
||||
// function to handle the processing of javascript files
|
||||
function processJavaScript(ouputFilename, inputFiles) {
|
||||
var javascript = gulp.src(inputFiles)
|
||||
.pipe(gPlumber(plumberError))
|
||||
.pipe(gConcat(ouputFilename + '.js'));
|
||||
|
||||
// minify if running gulp with --production
|
||||
if (prod) javascript.pipe(gUglify());
|
||||
return javascript.pipe(gulp.dest('public/js/'));
|
||||
}
|
||||
|
||||
// gulp task for public styles
|
||||
gulp.task('less-public', function() {
|
||||
return processLess('app');
|
||||
});
|
||||
|
||||
// gulp task for dashboard styles
|
||||
gulp.task('less-dashboard', function() {
|
||||
return processLess('dashboard');
|
||||
});
|
||||
|
||||
// gulp task for public javascript
|
||||
gulp.task('js-public', function() {
|
||||
return processJavaScript('app', jsPublic);
|
||||
});
|
||||
|
||||
// gulp task for public javascript libraries
|
||||
gulp.task('js-public-libs', function() {
|
||||
return processJavaScript('lib', jsPublicLibs);
|
||||
});
|
||||
|
||||
// gulp task for dashboard javascript
|
||||
gulp.task('js-dashboard', function() {
|
||||
return processJavaScript('dashboard', jsDashboard);
|
||||
});
|
||||
|
||||
// gulp task for dashboard javascript libraries
|
||||
gulp.task('js-dashboard-libs', function() {
|
||||
return processJavaScript('lib-dashboard', jsDashboardLibs);
|
||||
});
|
||||
|
||||
// gulp task to copy fonts
|
||||
gulp.task('fonts', function() {
|
||||
return gulp.src(fontPaths)
|
||||
.pipe(gPlumber(plumberError))
|
||||
.pipe(gulp.dest('public/fonts/'));
|
||||
});
|
||||
|
||||
// gulp watch task
|
||||
gulp.task('watch', function() {
|
||||
var gLiveReload = require('gulp-livereload');
|
||||
|
||||
var liveReloadUpdate = function(wait) {
|
||||
setTimeout(function() {
|
||||
gLiveReload.changed('.');
|
||||
}, wait || 1);
|
||||
};
|
||||
|
||||
// javascript files for the dashboard in resources/assets/js/
|
||||
var jsDashboard = [
|
||||
'dashboard.js'
|
||||
];
|
||||
gLiveReload.listen();
|
||||
gulp.watch(jsPublic, [ 'js-public' ]).on('change', liveReloadUpdate);
|
||||
gulp.watch(jsDashboard, [ 'js-dashboard' ]).on('change', liveReloadUpdate);
|
||||
gulp.watch([ 'app/**/*.php', 'resources/views/**/*.blade.php' ]).on('change', liveReloadUpdate);
|
||||
|
||||
// javascript files for the public site in resources/assets/js/
|
||||
var jsLocal = [
|
||||
'site-vars.js',
|
||||
'contact.js',
|
||||
'subscription.js',
|
||||
'app.js'
|
||||
];
|
||||
|
||||
// javascript files in bower_components/ for libraries
|
||||
var jsBower = [
|
||||
'jquery/dist/jquery.min.js',
|
||||
'bootstrap/dist/js/bootstrap.min.js',
|
||||
'jQuery.stickyFooter/assets/js/jquery.stickyfooter.js'
|
||||
];
|
||||
|
||||
var jsDashboardBower = [
|
||||
'Sortable/Sortable.js',
|
||||
'datetimepicker/build/jquery.datetimepicker.full.min.js',
|
||||
'simplemde/dist/simplemde.min.js'
|
||||
];
|
||||
|
||||
// less import path locations other than resources/assets/less/
|
||||
var lessPaths = [ 'bower_components' ];
|
||||
|
||||
elixir(function(mix) {
|
||||
// compile the project
|
||||
mix
|
||||
.copy('bower_components/bootstrap/dist/fonts/**', 'public/fonts')
|
||||
.copy('bower_components/font-awesome/fonts/**', 'public/fonts')
|
||||
.copy('resources/assets/fonts/**', 'public/fonts')
|
||||
.less('dashboard.less', 'public/css/dashboard.css', { paths: lessPaths, plugins: [lessglob] })
|
||||
.less('app.less', 'public/css/app.css', { paths: lessPaths, plugins: [lessglob] })
|
||||
.scripts(jsLocal, 'public/js/app.js', 'resources/assets/js/')
|
||||
.scripts(jsDashboard, 'public/js/dashboard.js', 'resources/assets/js/')
|
||||
.scripts(jsBower, 'public/js/lib.js', 'bower_components/')
|
||||
.scripts(jsDashboardBower, 'public/js/lib-dashboard.js', 'bower_components/')
|
||||
.version(['css/dashboard.css', 'css/app.css', 'js/dashboard.js', 'js/app.js', 'js/lib.js', 'js/lib-dashboard.js']);
|
||||
|
||||
if (!elixir.config.production) {
|
||||
// start livereload when not production
|
||||
require('laravel-elixir-livereload');
|
||||
mix.livereload();
|
||||
}
|
||||
gulp.watch('resources/assets/less/**/*.less', [ 'less-public', 'less-dashboard' ]).on('change', function() {
|
||||
liveReloadUpdate(1000);
|
||||
});
|
||||
});
|
||||
|
||||
// gulp default task
|
||||
gulp.task('default', [
|
||||
'less-public',
|
||||
'less-dashboard',
|
||||
'js-public',
|
||||
'js-public-libs',
|
||||
'js-dashboard',
|
||||
'js-dashboard-libs',
|
||||
'fonts'
|
||||
]);
|
||||
|
|
|
|||
10
package.json
10
package.json
|
|
@ -1,11 +1,17 @@
|
|||
{
|
||||
"private": true,
|
||||
"devDependencies": {
|
||||
"laravel-elixir-livereload": "^1.1.5-beta1"
|
||||
"gulp-livereload": "^3.8.1"
|
||||
},
|
||||
"dependencies": {
|
||||
"gulp": "^3.9.1",
|
||||
"laravel-elixir": "^5.0.0",
|
||||
"gulp-concat": "^2.6.0",
|
||||
"gulp-less": "^3.0.5",
|
||||
"gulp-plumber": "^1.1.0",
|
||||
"gulp-uglify": "^1.5.3",
|
||||
"gulp-util": "^3.0.7",
|
||||
"less-plugin-autoprefix": "^1.5.1",
|
||||
"less-plugin-clean-css": "^1.5.1",
|
||||
"less-plugin-glob": "^1.1.1"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
{!! Head::render() !!}
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<script src="{{ elixir('js/lib.js') }}"></script>
|
||||
<script src="/js/lib.js"></script>
|
||||
@yield('page-includes')
|
||||
|
||||
@if(Config::get('app.debug'))
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
@extends('layouts.base')
|
||||
|
||||
@section('page-includes')
|
||||
<script src="{{ elixir('js/lib-dashboard.js') }}"></script>
|
||||
<script src="{{ elixir('js/dashboard.js') }}"></script>
|
||||
<link rel="stylesheet" href="{{ elixir('css/dashboard.css') }}" />
|
||||
<script src="/js/lib-dashboard.js"></script>
|
||||
<script src="/js/dashboard.js"></script>
|
||||
<link rel="stylesheet" href="/css/dashboard.css" />
|
||||
@endsection
|
||||
|
||||
@section('page-top')
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
@extends('layouts.base')
|
||||
|
||||
@section('page-includes')
|
||||
<script src="{{ elixir('js/app.js') }}"></script>
|
||||
<link rel="stylesheet" href="{{ elixir('css/app.css') }}" />
|
||||
<script src="/js/app.js"></script>
|
||||
<link rel="stylesheet" href="/css/app.css" />
|
||||
@endsection
|
||||
|
||||
@section('page-top')
|
||||
|
|
|
|||
Loading…
Reference in a new issue