webpack-dev-server API
webpack-dev-server는 Node.js 런타임ì—ì„œ ì§ì ‘ ì‚¬ìš©í• ìˆ˜ 있는 Node.js API를 ì œê³µí•©ë‹ˆë‹¤.
Installation
webpack-dev-server Node.js API를 ì‚¬ìš©í•˜ë ¤ë©´, ë¨¼ì € 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.jsstartCallback(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.jsstop
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.jsstopCallback(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.jsinternalIP(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);1 Contributor
