Как совместить Gulp и Webpack?

Question

[fgehte]

Добрый день! Хочу совместить работу Gulp'а и Webpack'а, но не получается разобраться с локальным сервером. При npm run build всё работает как надо, но как дело доходит до запуска сервера, то ничего не работает, я так понимаю что из-за того конфликта browser-sync и webpack-dev-server. Как совместить их работу для удобной разработки? Если нужен более подробный код, пишите, скину.
В package.json, есть следующие скрипты:

Package.json
  "scripts": {
    "editorconfig": "editorconfig-cli",
    "eslint": "eslint source/**/*.js",
    "stylelint": "stylelint \"source/sass/**/*.scss\" --syntax scss",
    "test": "npm run editorconfig && npm run stylelint && npm run eslint",
    "build": "gulp build && webpack",
    "start": "gulp start && webpack-dev-server --open"
  },

В Gulp'е следующие задачи:

exports.build = parallel(clear, copy, styles, svgSprite, html);
exports.start = parallel(this.build, server);

Comments

[t800zippygod]

А зачем в принципе пытаться засунуть грузовик в машину?
Настройте нормально один сборщик и будет счастье

[dmitry-toster]

fgehte, что же такого умеет делать gulp, чего не умеет делать webpack, что аж вздумалось их совмещать?

[Александр]

Gulp умеет собирать всё по отдельности, пологаю в этом причина, т.е. сборку html, js, css можно раскидать по отдельным таскам и запускать их в любой последовательности. Раз уж вы решили использовать и то и другое, то используйте webpack только как сборщик скриптов, а остольное пусть делает gulp. Либо, действительно. делайте всё на webpack-е.