首页 > 解决方案 > 如何将 PHP 与 MDBootstrap (Pro) 和 Gulp 4 一起使用?

问题描述

对 Gulp 来说非常新,并且希望集成 PHP 包括使用 MDBootstrap。gulpfile.js如果有帮助的话,这是我的一部分...

// Live Server
gulp.task('live-server', function(done) {
  console.log("Restarting server...");
  browserSync.reload();
  done();
});
function initBrowser(){
  browserSync.init({
    server: {
      baseDir: "./dist/",
      directory: true
    },
    notify: false
  },function(){
    console.log("asdasd");
  });
}
// Watch on everything
gulp.task('mdb-go', function(done) {
  initBrowser();
  gulp.watch("**/*", {cwd: './dist/'}, gulp.parallel('live-server'));
  gulp.watch("scss/**/*.scss", gulp.parallel('css-compile'));
  gulp.watch(["dist/css/*.css", "!dist/css/*.min.css"], gulp.parallel('css-minify'));
  gulp.watch("js/**/*.js", gulp.parallel('js-build'));
  gulp.watch(["dist/js/*.js", "!dist/js/*.min.js"], gulp.parallel('js-minify'));
  gulp.watch("**/*", {cwd: './img/'}, gulp.parallel('img-compression'));
}); 

编辑

目录结构:

目录结构

gulpfile.js 的顶部:

图像文件

它完美无缺,但我需要使用 PHP。我同时使用了一个hacky gulpfile,gulp-php-connect但它没有正确连接或组合scss文件。

也许有人知道如何整合gulp-php-connect以使其工作?

标签: phpgulpbrowser-syncmdbootstrapgulp-browser-sync

解决方案


推荐阅读