webpack - 如何在 webpack 配置中等待一段代码？

Question

我有一个返回一组 webpack entries 的异步函数，我想使用 async/await 从函数中获取 entry 属性，但因为webpack.config.js module.export 一个普通对象我不能执行任何顶级等待并返回一个普通对象。

这就是我的意思:

const myFunc = require('./something');
const entry = await myFunc(__dirname);
module.exports = {
    entry,
    "mode": "development",
    "output": {
        "path": __dirname+'/static',
        "filename": "[name].[chunkhash:8].js"
    }
}

当然我知道顶级等待是不可能的，但是，我需要 module.export 到 export 一个 promise ，而不是这个普通的对象。这在 webpack 中可行吗？

Answer 1

你可以尝试使用 webpack 4。我相信你可以分配一个异步函数返回一个 json 对象给你 module.exports 而不是一个普通的 json 对象。尝试在 webpack.config.js 中添加以下代码

我正在使用 webpack 4.1.1，它对我来说很好。

const doAsync = async () => {
    const myFunc = require('./something');
    const entry = await myFunc(__dirname);
    return {
        entry,
        'mode': 'none',
        'output': {
            'path': __dirname + '/static',
            'filename': '[name]'
        }
    };
};
module.exports = doAsync;