Как при сборке Gulp'ом подключить только необходимые js и css?

Question

[Binarix]

Здравствуйте. Задался вопросом сборки проекта на Gulp. При автоматическом подключении js и css через Bower прописываются пути вроде "bower_components/normalize-css/normalize.css" до загруженных пакетов, а там много не нужных файлов. Можно вытаскивать файлы из пакетов плагином main-bower-files, но пути останутся до полных пакетов. Как можно переписывать пути?

Comments

[Алексей Ярков]

Как-то некорректно сформулирован вопрос.
Вот есть пакет normalize.css.
Файл который подключается к проекту: bower_components/normalize-css/normalize.css.
Что значит "там много не нужных файлов"?
Не подключайте ненужные и все ))

[Владислав]

Просто в gulp.src добавляете нужные вам файлы.

Answer 1

[sergey]

Если вы используете main-bower-files то, подключаете только те файлы что вы указали в таске
пример:

gulp.task('styles:vendor', function() {
  gulp.src(mainBowerFiles({
          "overrides": {
              "normalize.css": {
                  "main": "./normalize.css"
              },

              "magnific-popup": {
                  "main": "./dist/magnific-popup.css"
              },

              "bootstrap": {
                  main: [
                      './dist/css/bootstrap.css',
                      './dist/fonts/*.*'
                  ]
              }
          }
  }))
  .pipe(cssFilter)
  .pipe(concat('vendor.css'))
  .pipe(gulpIf(env !== 'dev', minifyCSS()))
  .pipe(gulp.dest(outputDir + 'css'))
});

и нет кучи файлов:)

Comments

[Binarix]

и нет автоматизации подключения

[sergey]

Binarix: вот сейчас не понял о чем вы?

[Binarix]

Ну получается, что после работы Wiredep у меня записываются CSS и JS файлы в таком виде

а после работы main-bower-files в собранном проекте лежат необходимые CSS и JS, но при этом пути ведут к файлам bower

мне хочется, чтобы были автоматически подключены файлы находящиеся в проекте, а не в пакетах bower