@antbelogurov

Как в gulp менять относительные пути?

На данный момент я прописываю свойства scss примерно так: url("./../../images/github_btn.svg")
Как сделать, чтобы на выходе путь был такой url("images/github_btn.svg")

мой конфиг
// сборка HTML
gulp.task('html', function (callback) {
	return gulp.src('./app/html/*.html')
		.pipe(fileInclude({
			prefix: '@@'
		}))
		.pipe(gulp.dest('./app/'))

	callback()
})

gulp.task('scss', function (callback) {
	{
		return gulp.src('./app/scss/main.scss')
			.pipe(sourceMap.init())
			.pipe(sass())
			.pipe(autoprefixer({
				overrideBrowserslist: ['last 4 versions']
			}))
			.pipe(sourceMap.write())
			.pipe(gulp.dest('./app/css/'))
		callback()
	}
})

gulp.task('watch', () => {
	watch(['./app/*.html', './app/css/**/*.css',], gulp.parallel(browserSync.reload))

	watch('./app/scss/**/*.scss', function () {
		setTimeout(gulp.parallel('scss'), 1000)
	})

	watch('./app/html/**/*.html', gulp.parallel('html'))
})


//подключили browserSync (читать документацию)
gulp.task('server', () => {
	browserSync.init({
		server: {
			baseDir: "./app/"
		}
	});
});

gulp.task('default', gulp.parallel('server', 'watch', 'scss'))
  • Вопрос задан
  • 98 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы