Как настроить клиентский хост и порт на webpack-hot-client при использовании опции сервера？ - PullRequest
Новая
       26

Как настроить клиентский хост и порт на webpack-hot-client при использовании опции сервера？

0 голосов
/ 22 апреля 2019

Я хочу построить полный сервер KOA, есть пример для документа webpack-hot-client.

Вот мой код: 

const KoaWebpack = require('koa-webpack')
const app = new Koa()
app.use(myApi) // server side code
const server = app.listen(3000)
const webpackMiddleware = KoaWebpack(config, hotClient: { server })
app.use(webpackMiddleware)

В консоли браузера найдите ошибки, которые не могут подключиться к ws: // [::]: 3000.

Я думаю, что это ссылка на свойство моего сервера, но мы используем nginx в качестве прокси и не нужно это менять.

Итак, как я могу установить в настоящее время в этом случае？

Кстати, это удаленный сервер, а не локальный сервер.

1 Ответ

0 голосов
/ 02 мая 2019

Нет необходимости изменять хост и порт сервера.

Я допускаю некоторую ошибку.

шаги:

  1. Создание приложения на стороне сервера с помощью koa2 ине прослушивать порт
  2. Установить для горячего клиента настройку удаленного сервера, порт не нужен (случайный).
  3. Использовать промежуточное программное обеспечение веб-пакета.
  4. порт прослушивания на том, что вы хотите

коды: 

const webpack = require('webpack');
const koaWebpack = require('koa-webpack');

const devConfig = require('./build/webpack.dev.conf.js');
const app = require('./server');
const { dev, hotClient } = require('./build/config'); //hotClient: { host }

async function devel() {
  const config =  await devConfig;
  await app.ready; // promise => server ready?
  const koaMiddleware = await koaWebpack({ config, hotClient });
  app.use(koaMiddleware);
  app.listen(dev.port, () => console.log(`full stack hot client listen on port ${dev.port}, wait for webpack compile`));
}

devel().catch(console.error);

module.exports = app;

У меня есть этот вопрос, потому что я не могу прослушивать порт в настоящее время, он показывает, что какой-то процесс уже использует его.Эта ситуация пришла мне в голову, что терминал был близко, но nodemon нет.Многие nodemon «работают хорошо», когда я меняю файл, поэтому я не могу использовать порт, какой хочу.Это позволило мне судить об ошибке и потратило столько времени на проблемы с webpack и портом koa.

...