2017-02-03 6 views
0

Я начал использовать бегун задачи для экспорта всех моих папок в папку распространения с помощью Gulp. Проблема возникает, когда я экспортирую изображения в папку распространения, имя пути отличается от имени, которое я использую в моем файле src. Так, в качестве примера, когда я ориентировать изображение в HTML I типа:Источник источника распространения отличается от источника пути разработки

/assets/images/example.jpg

Однако, когда файл HTML распределен, он должен предназначаться:

/images/example.jpg

Он все еще указывает на папку с ресурсами и создает мертвую ссылку. Должен ли я использовать модуль, например gulp-replace, для автоматического изменения этих имен путей? Или я должен просто ввести предполагаемое имя пути? Или, есть ли другой метод, который мне не хватает?

Извините, если я сформулировал это плохо, я работаю над новой средой разработчика - сообщите мне, могу ли я предоставить вам любые другие детали.

+1

Вы можете просто скопировать свои подпапки _src_ в папку _dist_, чтобы у вас была следующая структура папок: _dist> assets> images> example.jpg_. Или наоборот, если '/ images/example.jpg' является ссылкой на путь, которую вы предпочитаете использовать в своем распределенном коде, затем удалите папку _assets_ из вашего _src_, чтобы у вас была следующая структура папок: _src> images> example.jpg_ , В любом случае относительные ссылки пути не должны меняться между вашим исходным кодом и кодом распространения. – RobC

ответ

1

Должен ли я использовать модуль, подобный gulp-replace, для автоматического изменения этих имен путей? ?

Да, gulp-replace будет делать трюк.

В качестве альтернативы вы можете поместить файл index.html в папку с ресурсами, поэтому вам не нужно менять какие-либо пути при распространении проекта.

+0

Я думаю, что сохранение файловых структур вместе могло бы иметь больше смысла в целях разборчивости и структуры - спасибо за помощь. – JCoulam

+1

@JCoulam - ты прав. Я думаю, что альтернатива, предложенная, должна быть тем, чего вы пытаетесь достичь в первую очередь. Если по какой-либо причине вы не можете этого достичь, альтернативой будет использование еще одной зависимости, такой как [gulp-replace] (https://www.npmjs.com/package/gulp-replace). – RobC