相关疑难解决方法(0)

运行BrowserSync和PHP的Gulp-webapp

我的主要目标是调整Yeoman的gulp-webapp开发工作流程来运行PHP.

具体而言,我希望能够使用gulp-php-connect多个基目录(从萨斯编译CSS)和途径(对鲍尔的依赖),如果这甚至有可能.

我可以使用gulp-connect-php插件使用Gulp运行PHP ,如下所示:

gulp.task('connect-php', function() {
  connectPHP.server({
    hostname: '0.0.0.0',
    bin: '/Applications/MAMP/bin/php/php5.5.3/bin/php',
    ini: '/Applications/MAMP/bin/php/php5.5.3/conf/php.ini',
    port: 8000,
    base: 'dev'
  });
});
Run Code Online (Sandbox Code Playgroud)

但是,我想利用gulp-webapp优秀但非常纠结的开发工作流架构,它依赖于BrowserSync,Sass编译器(将.css文件编译成.tmp文件夹,用于开发),自动前缀和使用了一堆其他有用的插件.

以下是我想要适应的部分gulp-connect-php或任何其他PHP:

gulp.task('serve',  ['styles'],function () {
  browserSync({
    notify: false,
    port: 9000,
    server: {
      baseDir: ['.tmp', 'app'],
      routes: {
        '/bower_components': 'bower_components'
      }
    }
  });

  // watch for changes
  gulp.watch([
    'app/*.html',
    '.tmp/styles/**/*.css',
    'app/scripts/**/*.js',
    'app/images/**/*'
  ]).on('change', reload);

  gulp.watch('app/styles/**/*.scss', ['styles', reload]);
  gulp.watch('bower.json', ['wiredep', 'fonts', reload]);
});
Run Code Online (Sandbox Code Playgroud)

BrowserSync有一个代理选项,允许我用gulp-connect-php服务器运行它,这是非常了不起的.但是我需要gulp-connect-php使用多个基本目录和路由,比如BrowserSync …

php workflow sass gulp browser-sync

8
推荐指数
2
解决办法
1万
查看次数

标签 统计

browser-sync ×1

gulp ×1

php ×1

sass ×1

workflow ×1