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

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

Мой 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']);
};

0

Решение

Задача ещё не решена.

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector