Как настроить синхронизацию браузера с WordPress и xampp

#php #wordpress #gulp #xampp #browser-sync

Вопрос:

В моем gulpfile.js У меня есть следующий код:

 const themeName = "test" const browsersync = require('browser-sync').create();  // Browsersync function browserSyncServe(cb) {  browsersync.init({  proxy: `localhost/${themeName}/`,  notify: {  styles: {  top: 'auto',  bottom: '0',  },  },  });  cb(); } function browserSyncReload(cb) {  browsersync.reload();  cb(); }  // Watch Task function watchTask() {  watch('*.html', browserSyncReload);  watch('*.php', browserSyncReload);  watch(  ['src/scss/**/*.scss', 'src/**/*.js'],  series(scssTask, jsTask, browserSyncReload)  ); }  // Default Gulp Task exports.default = series(  browserSyncServe );  

Кажется не очень удобным вводить themeName данные для каждого нового проекта и сопоставлять themeName их с именем папки темы WordPress.

Есть ли возможность сделать это более автоматическим? Я пытаюсь настроить синхронизацию браузера с сайтом WordPress на xampp.

Любая помощь будет очень признательна!