Open mitchrenton opened 7 years ago
I'm looking to replace the CSS and JS references in my header and footer PHP files.
They located at src/app/templates/boolean/header.php and src/app/templates/boolean/footer.php
src/app/templates/boolean/header.php
src/app/templates/boolean/footer.php
Is there a way to easily fit them into my assets task below?
assets
'use strict'; const argv = require('yargs').argv; const autoprefixer = require('autoprefixer'); const browserSync = require('browser-sync'); const concat = require('gulp-concat'); const cssnano = require('gulp-cssnano'); const gulp = require('gulp'); const gzip = require('gulp-gzip'); const newer = require('gulp-newer'); const phplint = require('phplint').lint const phpMinify = require('gulp-php-minify'); const postcss = require('gulp-postcss'); const rename = require('gulp-rename'); const rev = require('gulp-rev'); const revreplace = require('gulp-rev-replace'); const sass = require('gulp-sass'); const size = require('gulp-size'); const sourcemaps = require('gulp-sourcemaps'); const uglify = require('gulp-uglify'); const when = require('gulp-if'); // 'gulp scripts' -- creates a app.js file from your JavaScript files and // creates a Sourcemap for it // 'gulp scripts --prod' -- creates a app.js file from your JavaScript files, // minifies, gzips and cache busts it. Does not create a Sourcemap gulp.task('scripts', () => // NOTE: The order here is important since it's concatenated in order from // top to bottom, so you want vendor scripts etc on top gulp.src([ 'src/app/assets/javascript/test.js' ]) .pipe(newer('.tmp/app/assets/javascript/app.js', {dest: '.tmp/app/assets/javascript', ext: '.js'})) .pipe(when(!argv.prod, sourcemaps.init())) .pipe(concat('app.js')) .pipe(size({ showFiles: true })) .pipe(when(argv.prod, rename({suffix: '.min'}))) .pipe(when(argv.prod, when('*.js', uglify({preserveComments: 'some'})))) .pipe(when(argv.prod, size({ showFiles: true }))) .pipe(when(argv.prod, rev())) .pipe(when(argv.prod, revreplace({ replaceInExtensions: ['.php'] }))) .pipe(when(!argv.prod, sourcemaps.write('.'))) .pipe(when(argv.prod, gulp.dest('.tmp/app/assets/javascript'))) .pipe(when(argv.prod, when('*.js', gzip({append: true})))) .pipe(when(argv.prod, size({ gzip: true, showFiles: true }))) .pipe(gulp.dest('.tmp/app/assets/javascript/')) ); // Styles gulp.task('styles', function () { return gulp.src('src/app/assets/scss/style.scss') .pipe(when(!argv.prod, sourcemaps.init())) .pipe(sass().on('error', sass.logError)) .pipe(postcss([ autoprefixer({browsers: 'last 2 versions'}) ])) .pipe(size({ showFiles: true })) .pipe(when(argv.prod, rename({suffix: '.min'}))) .pipe(when(argv.prod, when('*.css', cssnano({autoprefixer: false})))) .pipe(when(argv.prod, size({ showFiles: true }))) .pipe(when(argv.prod, rev())) .pipe(when(!argv.prod, sourcemaps.write('.'))) .pipe(when(argv.prod, gulp.dest('.tmp/app/assets/stylesheets'))) .pipe(when(argv.prod, when('*.css', gzip({append: true})))) .pipe(when(argv.prod, size({ gzip: true, showFiles: true }))) .pipe(gulp.dest('.tmp/app/assets/stylesheets')) .pipe(when(!argv.prod, browserSync.stream())) }); // PHP gulp.task('phplint', function (cb) { phplint(['src/**/*.php'], {limit: 10}, function (err, stdout, stderr) { if (err) { cb(err) process.exit(1) } cb() }) }) // PHP minify gulp.task('phpminify', () => gulp.src('src/**/*.php', {read: false}) .pipe(when(argv.prod, phpMinify())) .pipe(gulp.dest('.tmp')) );
I'm looking to replace the CSS and JS references in my header and footer PHP files.
They located at
src/app/templates/boolean/header.php
andsrc/app/templates/boolean/footer.php
Is there a way to easily fit them into my
assets
task below?