javascript - 来自异步函数的 Webpack DefinePlugin

Question

我想定义一些从异步资源返回的常量。在 Webpack 中有没有办法做到这一点？

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

Answer 1

做到这一点的一个好方法是 return a Promise来自 webpack 配置。

webpack.config.js

...

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