来自异步函数的 Webpack DefinePlugin

Question

我想定义一些从异步资源返回的常量。无论如何要在 Webpack 中做到这一点？

/* webpack.config.js */
module.exports = {
    ...,
    plugins: [
        new webpack.DefinePlugin({
            someVar: /* RETURN VARIABLE FROM ASYNC FUNCTION */
        })
    ]
}

Answer 1

一个好方法是从 webpack 配置返回一个 Promise。

webpack.config.js

...

module.exports = () => {
  return getYourAsyncResource().then((someVar) => {
    // Resolve as webpack configuration
    return {
      ...
      plugins: [
        new webpack.DefinePlugin({ someVar })
      ]
    };
  }) 
};