BrowserSync и Gulp не смотрят файлы CSS и JavaScript - PullRequest
Новая
       26

BrowserSync и Gulp не смотрят файлы CSS и JavaScript

0 голосов
/ 25 августа 2018

Я использую xammp для моего сайта WordPress, я не вижу свои изменения в файле назначения для CSS и JavaScript. Хотя browserSync хорошо работает для html-файла, так как он автоматически перезагружает браузер.

Я не мог понять, в чем проблема с моим файлом глотка.

Вот код файла Gulp js 

var gulp = require('gulp'),
settings = require('./settings'),
webpack = require('webpack'),
browserSync = require('browser-sync').create(),
watch = require('gulp-watch'),
postcss = require('gulp-postcss'),
rgba = require('postcss-hexrgba'),
autoprefixer = require('autoprefixer'),
cssvars = require('postcss-simple-vars'),
nested = require('postcss-nested'),
cssImport = require('postcss-import'),
mixins = require('postcss-mixins'),
colorFunctions = require('postcss-color-function');

gulp.task('styles', function() {
  return gulp.src(settings.themeLocation + 'css/style.css')
    .pipe(postcss([cssImport, mixins, cssvars, nested, rgba, colorFunctions, autoprefixer]))
    .on('error', (error) => console.log(error.toString()))
    .pipe(gulp.dest(settings.themeLocation));
});

gulp.task('scripts', function(callback) {
  webpack(require('./webpack.config.js'), function(err, stats) {
    if (err) {
      console.log(err.toString());
    }

    console.log(stats.toString());
    callback();
  });
});

gulp.task('watch', function() {
  browserSync.init({
    notify: false,
    proxy: settings.urlToPreview,
    ghostMode: false
  });

  gulp.watch('./**/*.php', function() {
    browserSync.reload();
  });
  gulp.watch(settings.themeLocation + 'css/**/*.css', ['waitForStyles']);
  gulp.watch([settings.themeLocation + 'js/modules/*.js', settings.themeLocation + 'js/scripts.js'], ['waitForScripts']);
});

gulp.task('waitForStyles', ['styles'], function() {
   gulp.src(settings.themeLocation + 'style.css')
    .pipe(browserSync.stream()); 
});

gulp.task('waitForScripts', ['scripts'], function() {
  browserSync.reload();
});
...