Использую gulp, bower + wiredep:
<!-- bower:css -->
...
<!-- endbower -->
Но часто при подключении плагина, например FontAwesome, в bower.json в "main" отсутствует путь до .css, но присутствуют пути для .less или .scss
"less/font-awesome.scss"
"sass/font-awesome.sass"
Если прописывать ручками туда
"css/font-awesome.css"
то wiredep, ествественно, подключает в html эту .css
Но я, помоему, не для этого wiredep использую.
Я что-то делаю не так? Как решить эту проблему? Или решения нет, подключать самому неподключенные файлы?
gulpfile.js
var gulp = require('gulp');
concatCSS = require('gulp-concat-css');
minifyCSS = require('gulp-minify-css');
rename = require('gulp-rename');
prefix = require('gulp-autoprefixer');
sass = require('gulp-sass');
uncss = require('gulp-uncss');
wiredep = require('wiredep').stream;
browserSync = require('browser-sync').create();
reload = browserSync.reload;
gulp.task('default', function() {
return gulp.src('sass/*.sass')
.pipe(sass())
/*.pipe(concatCSS("bundle.css"))
.pipe(prefix("last 30 versions"))
.pipe(minifyCSS(""))
.pipe(rename("bundle.min.css"))
.pipe(uncss({
html: ['index.html']
}))*/
.pipe(gulp.dest('app/'));
});
gulp.task('browser-sync', function() {
browserSync.init({
server: {
baseDir: "./app"
}
});
gulp.watch("app/*.html").on("change", browserSync.reload);
gulp.watch('sass/*.sass', ['default'])
gulp.watch("app/*.css").on("change", browserSync.reload);
});
gulp.task('bower', function () {
gulp.src('./app/index.html')
.pipe(wiredep({
directory: 'app/libs'
}))
.pipe(gulp.dest('./app'));
})
gulp.task('watch', function () {
gulp.watch('bower.json', ['bower'])
})