來自異步函數的 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 })
      ]
    };
  }) 
};