webpack-dev-server API

webpack-dev-server предоставляет API для Node.js, который можно использовать напрямую в среде выполнения Node.js.

Установка

Для начала использования API Node.js webpack-dev-server, сначала установите webpack и webpack-dev-server, если вы этого ещё не сделали:

npm install --save-dev webpack webpack-dev-server

Затем подключите модули в ваш скрипт Node.js:

const Webpack = require('webpack');
const WebpackDevServer = require('webpack-dev-server');

start

Инструктирует экземпляр webpack-dev-server запустить сервер.

server.js

const Webpack = require('webpack');
const WebpackDevServer = require('webpack-dev-server');
const webpackConfig = require('./webpack.config.js');

const compiler = Webpack(webpackConfig);
const devServerOptions = { ...webpackConfig.devServer, open: true };
const server = new WebpackDevServer(devServerOptions, compiler);

const runServer = async () => {
  console.log('Starting server...');
  await server.start();
};

runServer();

И затем запустите сервер с помощью следующей команды:

node server.js

startCallback(callback)

Инструктирует экземпляр webpack-dev-server запустить сервер и затем выполнить функцию обратного вызова.

server.js

const Webpack = require('webpack');
const WebpackDevServer = require('webpack-dev-server');
const webpackConfig = require('./webpack.config.js');

const compiler = Webpack(webpackConfig);
const devServerOptions = { ...webpackConfig.devServer, open: true };
const server = new WebpackDevServer(devServerOptions, compiler);

server.startCallback(() => {
  console.log('Successfully started server on http://localhost:8080');
});

И затем запустите сервер с помощью следующей команды:

node server.js

stop

Инструктирует экземпляр webpack-dev-server остановить сервер.

server.js

const Webpack = require('webpack');
const WebpackDevServer = require('webpack-dev-server');
const webpackConfig = require('./webpack.config.js');

const compiler = Webpack(webpackConfig);
const devServerOptions = { ...webpackConfig.devServer, open: true };
const server = new WebpackDevServer(devServerOptions, compiler);

const runServer = async () => {
  console.log('Starting server...');
  await server.start();
};

const stopServer = async () => {
  console.log('Stopping server...');
  await server.stop();
};

runServer();

setTimeout(stopServer, 5000);

И затем запустите сервер с помощью следующей команды:

node server.js

stopCallback(callback)

Инструктирует экземпляр webpack-dev-server остановить сервер и затем выполнить функцию обратного вызова.

server.js

const Webpack = require('webpack');
const WebpackDevServer = require('webpack-dev-server');
const webpackConfig = require('./webpack.config.js');

const compiler = Webpack(webpackConfig);
const devServerOptions = { ...webpackConfig.devServer, open: true };
const server = new WebpackDevServer(devServerOptions, compiler);

server.startCallback(() => {
  console.log('Successfully started server on http://localhost:8080');
});

const stopServer = () =>
  server.stopCallback(() => {
    console.log('Server stopped.');
  });

setTimeout(stopServer, 5000);

И затем запустите сервер с помощью следующей команды:

node server.js

internalIP(family: "v4" | "v6")

Возвращает внутренний IPv4/IPv6 адрес асинхронно.

server.js

const WebpackDevServer = require('webpack-dev-server');

const logInternalIPs = async () => {
  const localIPv4 = await WebpackDevServer.internalIP('v4');
  const localIPv6 = await WebpackDevServer.internalIP('v6');

  console.log('Local IPv4 address:', localIPv4);
  console.log('Local IPv6 address:', localIPv6);
};

logInternalIPs();

internalIPSync(family: "v4" | "v6")

Возвращает внутренний IPv4/IPv6 адрес синхронно.

server.js

const WebpackDevServer = require('webpack-dev-server');

const localIPv4 = WebpackDevServer.internalIPSync('v4');
const localIPv6 = WebpackDevServer.internalIPSync('v6');

console.log('Local IPv4 address:', localIPv4);
console.log('Local IPv6 address:', localIPv6);