У меня возникли проблемы с этим полезным инструментом, и я не знаю, что делать дальше, поэтому я пришел сюда, чтобы попросить о вашей помощи.gulp-inject дает неправильный относительный путь
Это моя структура каталогов:
- Project root
|- dist
|-css
|-js
|- source
|- css
|- js
|-index.html
|-gulpfile.js
|-index.html
Итак, я использую глотка, чтобы ввести мой CSS, JS из исходной папки, в мой DIST папку, уменьшенная, сцепляются и т.д. Затем, инъекционные, что в мой index.html в исходной папке и плюнуть в корневую папку проекта. Это код:
//Injects assets (css,js) into index.html automatically
gulp.task('inject',['sass','concat-css','concat-js'],function(){
//Target to inject
var target = gulp.src('source/index.html');
//Sources to be injected
var cssFiles = gulp.src('./dist/assets/css/*.css',{read:false});
var jsFiles = gulp.src('./dist/assets/js/*.js',{read:false});
//Merge resources into one
var sources = es.merge(cssFiles,jsFiles);
//Injecting bower.json dependencies and other resources
return target.pipe(inject(sources),{
ignorePath:'dist/',
addRootSlash:false
})
.pipe(wiredep({ignorePath:'../'}))
.pipe(gulp.dest('./'));
});
Вопрос заключается в том, что путь к папке DIST на index.html, как это:
"/dist/css/stylesheet.css"
Причинение ошибку, потому что он должен быть: `" расстояние /css/stylesheet.css "
Как вы можете видеть в коде, я использовал параметры ввода, ignorePath, addRootSlash, relative: true и ничего не работает. То же самое происходило с wiredep, но этот принимает параметры ignorePath, поэтому все в порядке.
Заранее за вашу помощь.
У меня такая же проблема. При удаче? – dmr07
@ danm07 К сожалению, нет, я заканчиваю hardcoding ссылку на источник html, потому что это никак не изменится. В папке dist всегда будет файл stylesheet.css, поэтому я жестко запрограммировал эту суку и ушел с этой проблемой. Я закончил тем, что использовал wiredep вместо gulp-inject btw. – user2430929