Я новичок в gulp и надеюсь, что объясню все ясно.
Я использую браузерную синхронизацию gulp с MAMP для создания темы WordPress.Когда синхронизация через браузер выполняется с помощью задачи gulp, мой сайт WordPress открывается под localhost: 3000 / mytheme, но без изображений, поскольку изображения находятся внутри localhost: 8888 ... Что я делаю не так? *
gulpfile.js isвнутри моей темы: htdocs / wordpress / wp-content / themes / mytheme / gulpfile.js
настройки MAMP,
порт Apache: 8888 / порт Nginx: 8888 / порт MySQL: 8889
gulpfile.js
var gulp = require('gulp'),
watch = require('gulp-watch'),
postcss = require('gulp-postcss'),
autoprefixer = require('autoprefixer'),
cssvars = require('postcss-simple-vars'),
nested = require('postcss-nested'),
cssImport = require('postcss-import'),
browserSync = require('browser-sync').create();
gulp.task('style', function(){
return gulp.src('./modules/style/style.css')
.pipe(postcss([cssImport, cssvars, nested, autoprefixer]))
.pipe(gulp.dest('./'));
});
gulp.task('browser-sync', function () {
var files = [
'./*.php',
'./style.css'
];
browserSync.init(files, {
proxy: "localhost:8888/my-theme",
});
});
gulp.task('watch', function(){
watch('./modules/style/**/*.css', function(){
gulp.start('style');
});
});
gulp.task('default', ['style', 'browser-sync', 'watch'], function(){
gulp.watch('./modules/style/**//**.css', ['watch']);
});