Как выполнить скомпилированный код, используя API узла webpack?

Question

API узла веб-пакета

Вот что я получил:

#!/usr/bin/env node
const webpack = require('webpack');
const config = require('./webpack.config');
const compiler = webpack(config);
const express = require('express');
const app = express();
const os = require('os');
const Chalk = require('chalk');
const Path = require('path');
const networkInterface = process.platform === 'win32' ? 'Ethernet' : 'eth0';
const ip = os.networkInterfaces()[networkInterface].find(x => x.family === 'IPv4').address;
const port = 3000;



// https://webpack.js.org/api/node/
// https://github.com/webpack/webpack-dev-middleware/blob/master/lib/index.js
// https://github.com/webpack/webpack-dev-middleware
const watcher = compiler.watch({
    aggregateTimeout: 250,
    poll: 50,
    ignored: /\bnode_modules\b/
}, (err, stats) => {
    const elapsed = stats.endTime - stats.startTime;
    console.log(`Recompiled in ${elapsed}ms`)
    // How to run the compiled JS ?
})

let interrupted = false;
process.on('SIGINT', () => {
    if(!interrupted) {
        interrupted = true;
        console.log('\b\bShutting down...');
        watcher.close(() => {
            console.log('Webpack watcher stopped.')
        });
        server.close(() => {
            console.log('Express server stopped.')
        });
    } else {
        console.log('\b\bForcing shut down');
        process.exit(2);
    }
});

const server = app.listen(port, '0.0.0.0', () => {
    console.log(`Listening on ${Chalk.blue(`http://${ip}:${port}`)}`);
})

Когда наблюдатель запускает обратный вызов, мой JS должен быть готов к выполнению. Как я могу это сделать? В этом stats объекте должно быть что-то, но я не уверен, что искать, потому что он огромный.

Например, я могу получить имя выходного файла, например:

const assetsByChunkName = stats.toJson().assetsByChunkName;
const outputPath = stats.toJson().outputPath;
const main = Path.join(outputPath, assetsByChunkName.main);

Но этоне на диске. Как я могу прочитать это, используя поддельную файловую систему webpack? Или мне вообще нужно его прочитать, источник вывода находится в памяти где-то? И я полагаю, что просто прошёл через eval()?

Answer 1

Я придумал что-то, что, кажется, работает:

const watcher = compiler.watch({
    aggregateTimeout: 250,
    poll: 50,
    ignored: /\bnode_modules\b/
}, (err, stats) => {
    if(err) {
        console.error(err);
        return;
    }
    console.log(stats.toString({
        chunks: false,  // Makes the build much quieter
        colors: true,    // Shows colors in the console
        stats: 'minimal',
    }));
    router = eval(stats.compilation.assets['main.js'].source()).default;
})

Единственная проблема заключается в том, что он завершается всякий раз, когда в исходном файле возникает синтаксическая ошибка.