Hi guyz, I have a problem setting up gulp 4 with mamp and WP.
I created gulpfile.js and it works fine compiling and minifying on save BUT, when i save .php file there is not changes in my html.. browsercync fire but no changes..
Any help?
This is my gulpfile.js
const gulp = require(‘gulp’);
const { src, dest, watch, series } = require(‘gulp’);
*// styles*
const scss = require(‘gulp-sass’)(require(‘sass’));
const autoprefixer = require(‘gulp-autoprefixer’);
const cssMinify = require(‘gulp-clean-css’);
const concat = require(‘gulp-concat’);
const browserSync = require(‘browser-sync’).create();
const phpConnect = require(‘gulp-connect-php’);
function styles(){
return src(\[
‘./wp-content/themes/savez-tema/src/scss/vendor/\_bootstrap.min.scss’,
‘./wp-content/themes/savez-tema/src/scss/\*\*/\*.scss’
\])
.pipe( scss() )
.pipe( autoprefixer(‘last 2 versions’) )
.pipe( cssMinify() )
.pipe( dest(‘./wp-content/themes/savez-tema/dist/css’))
.pipe(browserSync.stream());
}
*// scripts*
const jsMinify = require(‘gulp-terser’);
function scripts(){
return src (\[
‘./wp-content/themes/savez-tema/src/js/vendor/bootstrap.min.js’,
‘./wp-content/themes/savez-tema/src/js/\*\*/\*.js’
\])
.pipe(concat(‘main.js’))
.pipe( jsMinify() )
.pipe( dest(‘./wp-content/themes/savez-tema/dist/js’))
.pipe(browserSync.reload({stream: true}));
}
*// watch*
function watchTask(){
browserSync.init({
proxy: ‘http://localhost:8888/savez’,
open:’external’,
port:8000,
});
watch(\[‘./wp-content/themes/savez-tema/\*\*/\*.php’, ‘./wp-content/themes/savez-tema/src/scss/\*\*/\*.scss’, ‘./wp-content/themes/savez-tema/src/js/\*\*/\*.js’\],
series(styles, scripts))
}
exports.default = series(styles, scripts, watchTask)