Ответы пользователя по тегу Webpack
  • Как включить поддержку HMR в webpack?

    Как вы запускаете webpack? Случаем, не `--hot` добавляете? Ошибка по виду похожа на два HotModuleReplacement плагина.

    Вот здесь посмотрите выпуск про HMR, learn.javascript.ru/webpack-screencast, может и вопросы снимет?
    Ответ написан
    4 комментария
  • Webpack, как сохранять в разные директории?

    Здесь у вас по сути две независимые сборки, если я правильно понимаю замысел.

    Это реализуется через multiple compilation, то есть массив конфигов:
    var config = [{
      entry: ..
      output: ...
    }, {
      entry: ..
      output: ...
    }];
    
    module.exports = config;


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

    Также для webpack-конфигов удобен такой merge: https://github.com/survivejs/webpack-merge.
    Ответ написан
    Комментировать
  • Чем webpack лучше gulp/grunt?

    Webpack - это система сборки с массой возможностей. В частности, он анализирует JS-код (а также CSS или другой, через лоадеры), это даёт ему superpowers.

    Gulp/grunt - это общая система для организации задач, которая сама по себе сборку не поддерживает, но её можно на ней написать, с помощью плагинов. При этом анализа кода, скорее всего, не будет, а значит ряд продвинутых фич отпадут.

    То есть, это две разные вещи. В качестве одной из задач на gulp/grunt вполне может быть сборка webpack, так обычно и делают.

    Простую сборку вполне можно написать и на gulp/grunt напрямую. А если посложнее или просто хочется иметь задел "на будущее", то можно воспользоваться специальным инструментом (Webpack).

    P.S. У меня когда-то были и gulp task'и сборщики и browserify, но уже давно их место плотненько занял Webpack.
    Ответ написан
    18 комментариев