Нужен ли мне webpack?

Question

[sinout]

Я разрабатываю изоморфные js приложения, то есть начальный html прилетает с сервера в котором подключаются различные вендорные стили и вендорные js файлы. Поставил себе задачу бандлить вендорные стили в один файл и кастомные в другой, а js разбивать на модули и юзать require. Сразу решил заюзать нашумевший webpack. С js'ом все отлично, babel работает, все бандлится. Кастомный css также работает с помощью extract-text-webpack-plugin.
Я одного не пойму, как мне подключать бутстрап и другие вендорные css файлы и собирать их в один файл ? Или мне лучше настроить gulp+browserify для такого рода задач ? Что посоветуете ?

Answer 1

[_ _]

Один из вариантов

entry: {
    app: ['./src'],
    style: [
      './src/style/app'
    ],
    vendor: [
      'bootstrap/css/bootstrap.min.css',
      'other-lib/other.css'
    ]
  },

Предполагается, что bootstrap и other-lib установлены через npm.
Если хотите, можете импортировать нужные стили прямо в свой файл стилей, типа
@import url('~bootstrap/css/bootstrap.min.css');

Comments

[sinout]

а где можно почитать как организовывать обьект entry ?

[_ _]

sinout: только в документации и примеры смотреть. Я так делал.
Там в принципе ничего сложного - ключ это id бандла (это кусок приложения, который вы линкуете в html, их может быть сколько угодно), значение - массив со строками require, например прямо с загрузчиком, типа 'css!less!bootstrap/less/bootstrap.less'

[sinout]

Александр Марченко: спасибо за советы, будем изучать