Webpack-dev-server и modulesDirectories: как заставить это работать

(веб-пакет: 1.13.3 и веб-сервер-разработчика: 1.16.2)

Сервер разработки Webpack не скомпилирован, поэтому он разрешает свои зависимости при запуске. Но у него есть ошибка, когда вы используете resolve.modulesDirectories, и он использует этот массив для разрешения зависимостей. Я думал, что этот массив использовался только для компиляции моего проекта, а не для запуска сервера разработки…

В любом случае, если вы хотите использовать resolve.modulesDirectories и сервер разработки webpack, вы должны использовать эту минимальную конфигурацию (конечно, вы можете добавить свой проект node_modules)

config.resolve = {
    modulesDirectories: [
        // Needed for dev
        path.join(__dirname, 'node_modules/webpack-dev-server/node_modules'),
        path.join(__dirname, 'node_modules/webpack-dev-server/node_modules/sockjs-client/node_modules'),
        path.join(__dirname, 'node_modules/webpack-dev-server/node_modules/strip-ansi/node_modules'),
        path.join(__dirname, 'node_modules/webpack-dev-server/node_modules/sockjs-client/node_modules/url-parse/node_modules'),
        path.join(__dirname, 'node_modules/webpack-dev-server/node_modules/sockjs-client/node_modules/debug/node_modules')
    ]};

Документация Webpack: https://webpack.github.io/docs/configuration.html#resolve-modulesdirectories