При запуске gulp. Он запускается и компилирует SASS один раз. Как настроить часы, чтобы они продолжали следить за изменениями. Нужно ли добавлять usePolling: true или usegulp.series. Я следую указаниям точно из Bootstrap 4 SASS — стартовый комплект Barrio
Моя установка:
ядро друпала 9.1.10
bootstrap_barrio 8.x-4.33
bootstrap_sass 8.x-1.13
узел v12.22.1
нпм 6.14.12
Gulp CLI версия: 2.3.0
глоток Локальная версия: 4.0.2
Vagrant в Windows с использованием виртуальной машины Redhat 7
пусть глоток = требует ('глоток'),
дерзость = требуется ('глоток-дерзость'),
исходные карты = требуют ('gulp-sourcemaps'),
cleanCss = требуется ('gulp-clean-css'),
переименовать = требовать('глоток-переименовать'),
postcss = требуется ('gulp-postcss'),
автопрефиксер = требуется('автопрефиксер'),
browserSync = требуется('браузер-синхронизация').create()
постоянные пути = {
СКСС: {
источник: './scss/style.scss',
место назначения: './css',
смотреть: './scss/**/*.scss',
бутстрап: './node_modules/bootstrap/scss/bootstrap.scss'
},
js: {
бутстрап: './node_modules/bootstrap/dist/js/bootstrap.min.js',
jquery: './node_modules/jquery/dist/jquery.min.js',
поппер: 'node_modules/popper.js/dist/umd/popper.min.js',
поппер: 'node_modules/popper.js/dist/umd/popper.min.js.map',
место назначения: './js'
}
}
// Компилируем sass в CSS и автоматически вставляем в браузеры
стили функций () {
return gulp.src([paths.scss.bootstrap, paths.scss.src])
.pipe(исходные карты.init())
.pipe(sass().on('ошибка', sass.logError))
.pipe(postcss([autoprefixer({
браузеры: [
'Хром >= 35',
'Firefox >= 38',
'Край >= 12',
'Проводник >= 10',
'iOS >= 8',
«Сафари >= 8»,
«Андроид 2.3»,
«Андроид >= 4»,
'Опера >= 12']
})))
.pipe(sourcemaps.write())
.pipe(gulp.dest(paths.scss.dest))
.труба (очиститьCss())
.pipe(переименовать({суффикс: '.min'}))
.pipe(gulp.dest(paths.scss.dest))
.pipe(browserSync.stream())
}
// Переместите файлы javascript в нашу папку js
функция js () {
return gulp.src([paths.js.bootstrap, paths.js.jquery, paths.js.popper])
.pipe(gulp.dest(paths.js.dest))
.pipe(browserSync.stream())
}
// Статический сервер + просмотр файлов scss/html
функция служит () {
browserSync.init({
прокси: 'http://orgex1',
открытый: ложь,
})
gulp.watch([paths.scss.watch, paths.scss.bootstrap], styles).on('change', browserSync.reload)
}
const build = gulp.series (стили, gulp.parallel (js, serve))
экспорт.стили = стили
экспорт.js = js
exports.serve = служить
exports.default = сборка
Результат при запуске gulp:
[презентация vagrant@vagrant6]$ залпом
[15:47:33] Использование gulpfile /var/www/html/orgex1/web/themes/custom/presentation/gulpfile.js
[15:47:33] Запуск "по умолчанию"...
[15:47:33] Запускаю стили...
[15:47:37] Готовые «стили» через 3,62 с
[15:47:37] Запуск 'js'...
[15:47:37] Начинаю "подавать"...
[Browsersync] изменено 3 файла (bootstrap.min.js, jquery.min.js, popper.min.js.map)
[15:47:37] Закончил 'js' через 56 мс
[Browsersync] Прокси: http://orgex1
[Browsersync] URL-адреса доступа:
----------------------------------
Локальный: http://localhost:3000
Внешний: http://10.0.2.15:3000
----------------------------------
Пользовательский интерфейс: http://локальный:3001
Внешний интерфейс: http://localhost:3001
----------------------------------
