webpack-docs-serve.mjs

import path from "path";
import webpack from "webpack";
import webpackDevServer from "webpack-dev-server";
import { merge } from "webpack-merge";

// import VueLoaderPlugin from 'vue-loader/lib/plugin.js';
// import MiniCssExtractPlugin from 'mini-css-extract-plugin';

import common from "./webpack-docs.mjs";

// @ts-ignore
const config = merge(common, {
	mode: "development"

	// plugins: [
	//   new webpack.HotModuleReplacementPlugin()
	// ]
});

// @ts-ignore
// const app = webpack(config);
// // app.compile(function(e){
// //   console.log(e);
// // })
// app.run(function(e){
//   console.log('...',e||'done');
// });

// webpack.docs
// webpack.docs.serve
// webpack.docs.build
// webpack.docs.compile
// webpack.config.docs

// const docs = new webpackDevServer(webpack(config));

// docs.listen(8080, 'localhost');
// const docs = new webpackDevServer(webpack(config), {
//   contentBase: path.resolve('./docs/'),
//   // publicPath: '/'
// });

// // docs.listen(8080, 'localhost');

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

const compiler = webpack(config);
const devServerOptions = { ...config.devServer, open: true };
const server = new webpackDevServer(devServerOptions, compiler);

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

runServer();