browsersync php,用browserSync吞下4个php

本文探讨了在使用PHP环境中如何配置和运行Gulpjs,特别是BrowserSync,遇到的问题,如无法正常启动浏览器。重点在于排查是否与PHP设置或BrowserSync限制有关,并提供了完整的任务代码实例。
摘要由CSDN通过智能技术生成

我不熟悉咕噜-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;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值