我不熟悉咕噜-4。

我试着用php运行gulpjs,browserSync它不工作?

除了php和browserSync之外,其他所有任务都可以工作。

不能用浏览器打开这里有什么问题吗?

有没有可能与带有browserSync或任何限制的php一起使用?

这是我的密码。。。

const browsersync = require("browser-sync").create();

const gulp = require("gulp");

const imagemin = require("gulp-imagemin");

const sass = require("gulp-sass");

const plumber = require("gulp-plumber");

const postcss = require("gulp-postcss");

const del = require("del");

const rename = require("gulp-rename");

const autoprefixer = require("autoprefixer");

const cssnano = require("cssnano");

const newer = require("gulp-newer");

const uglify = require('gulp-uglify');

const concat = require('gulp-concat');

const php = require('gulp-connect-php');

//Php connect

function connectsync() {

php.server({}, function (){

browserSync({

proxy: 'maniadev'

});

});

}

// BrowserSync Reload

function browserSyncReload(done) {

browserSync.reload();

done();

}

// Clean assets

function clean() {

return del(["./dist/assets/"]);

}

// Optimize Images

function images() {

return gulp

.src("./app/assets/img/**/*")

.pipe(newer("./app/assets/img"))

.pipe(

imagemin([

imagemin.gifsicle({ interlaced: true }),

imagemin.jpegtran({ progressive: true }),

imagemin.optipng({ optimizationLevel: 5 }),

imagemin.svgo({

plugins: [

{

removeViewBox: false,

collapseGroups: true

}

]

})

])

)

.pipe(gulp.dest("./dist/assets/img"));

}

// CSS task

function css() {

return gulp

.src("./app/assets/sass/**/*.scss")

.pipe(plumber())

.pipe(sass({ outputStyle: "expanded" }))

.pipe(gulp.dest("./dist/assets/css/"))

.pipe(rename({ suffix: ".min" }))

.pipe(postcss([autoprefixer(), cssnano()]))

.pipe(gulp.dest("./dist/assets/css/"))

.pipe(browsersync.stream());

}

// Transpile, concatenate and minify scripts

function scripts() {

return (

gulp

.src(["./app/assets/js/**/*"])

.pipe(plumber())

.pipe(uglify())

.pipe(concat('main.min.js'))

// folder only, filename is specified in webpack config

.pipe(gulp.dest("./dist/assets/js/"))

.pipe(browsersync.stream())

);

}

// Watch files

function watchFiles() {

gulp.watch("./app/assets/scss/**/*", css);

gulp.watch("./app/assets/js/**/*", gulp.series( scripts));

gulp.watch(

gulp.series(browserSyncReload)

);

gulp.watch("./app/assets/img/**/*", images);

gulp.watch("./app/**/*.php", gulp.series( browserSyncReload ));

}

// define complex tasks

const js = gulp.series(scripts);

const build = gulp.series(clean, gulp.parallel(css, images, js));

const watch = gulp.parallel(watchFiles, connectsync);

// export tasks

exports.images = images;

exports.css = css;

exports.js = js;

exports.clean = clean;

exports.build = build;

exports.watch = watch;

exports.default = build;