Grunt с Browsersync перезагружается, но не показывает изменения PHP - PullRequest
Новая
       8

Grunt с Browsersync перезагружается, но не показывает изменения PHP

0 голосов
/ 16 января 2019

Я пытаюсь использовать grunt на сайте разработчиков WordPress на Mamp Pro. Проблема, с которой я сталкиваюсь, связана с Browsersync. Когда я изменяю файл PHP, браузер перезагружается, но мои изменения не отображаются на странице. Как будто он кешируется, полная перезагрузка ничего не меняет, проверка в инкогнито браузере ничего не меняет Если я захожу на mysite.localhost: 8888, я вижу свои изменения. Если я изменю свою тему WP на двенадцатую, а затем вернусь к своей теме, я вижу внесенные изменения, но не последующие изменения. Я должен сделать обмен темы каждый раз, чтобы увидеть какие-либо изменения. Изменения, которые я делаю в Sass, вставляются на страницу без перезагрузки (ууу!). Вы видите, что я делаю не так? Я проверил, и на моей странице есть тег. Спасибо!

My Gruntfile.js 

module.exports = function(grunt) {

  // Project configuration.
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),

    watch: {
        sass: {
            files: ['assets/styles/*.{scss,sass}'],
            tasks: ['sass', 'autoprefixer', 'cssmin'] // string-replace removed for css injection during dev
        }
    },

    // sass
    sass: {                              // Task
      dist: {                            // Target
        options: {                       // Target options
          style: 'expanded'
        },
        files: {                         // Dictionary of files
          'assets/styles/build/style.css': 'assets/styles/main.scss',       // 'destination': 'source'
        }
      }
    },
    // autoprefixer
    autoprefixer: {
        options: {
            browsers: ['last 2 versions', 'ie 9', 'ios 6', 'android 4'],
            map: true
        },
        files: {
            expand: true,
            flatten: true,
            src: 'assets/styles/build/*.css',
            dest: 'assets/styles/build'
        },
    },

    // css minify
    cssmin: {
        options: {
            keepSpecialComments: 1,
            sourceMap: true
        },
        target: {
            files: {
                'style.css' : 'assets/styles/build/style.css',
            }
        }
    },

    // browserSync
    browserSync: {
        dev: {
            bsFiles: {
                    src : ['**/*.php', 'style.css', 'assets/js/*.js', 'assets/images/**/*.{png,jpg,jpeg,gif,webp,svg}']
            },
            options: {
                proxy: "mysite.localhost:8888",
                watchTask: true,
                reloadDelay: 2000,
                browser: "google chrome"
            }
        }
    },
  });

  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-contrib-sass');
  grunt.loadNpmTasks('grunt-autoprefixer');
  grunt.loadNpmTasks('grunt-contrib-cssmin');
  grunt.loadNpmTasks('grunt-browser-sync');
  grunt.loadNpmTasks('grunt-contrib-uglify');

  // Default task(s).
  grunt.registerTask('default', ['sass', 'autoprefixer', 'cssmin', 'browserSync', 'watch']);
};
...