Блог

Я использую множественную конфигурацию Webpack с использованием массива для создания своего сервера и клиента/пользовательского интерфейса. Для сервера я использую nodemon-webpack-plugin , а для клиента/пользовательского webpack-dev-server интерфейса-для горячих перезагрузок. Для запуска Webpack я использую webpack serve команду, которая, похоже, плохо работает с nodemon плагином, так как Webpack dev-сервер хранит файлы в памяти. Это моя конфигурация:

 module.exports = (env) => {

  const server = {
    // Other configuration options,

    externalsPresets: { node: true },
    externals: [nodeExternals({
      allowlist: [
        'crypto-random-string'
      ]
    })],


    plugins: [
      new NodemonPlugin()
    ]
  };


  const ui = {
    // Other configuration options,

    devServer: {
      historyApiFallback: true,
      port: 8080,
      static: {
        directory: path.join(__dirname, 'dist', 'ui')
      }
    }
  };

  return [server, ui];
};
 

Как я могу сделать и webpack-dev-server то, и nodemon-webpack-plugin другое счастливым и работать вместе, когда сервер разработки Webpack выбирает только пользовательский интерфейс, а nodemon выбирает соответствующую конфигурацию сервера и запускает ее?