Webpack block 加载进度

Question

我需要在从服务器加载 webpack block 时显示进度条。 有没有一个简单的解决方案可以实现这一目标？我希望已经存在一些用于此目的的插件，但在谷歌上的快速搜索没有显示任何内容。

谢谢

Answer 1

require.ensure 返回一个 promise 。通过它，您可以指示 block 是否已加载:

//entry.js
console.log('loading my chunk...');
let chunkPromise = require.ensure([], () => {
  require('./my-module');
});

chunkPromise
  .then(() => console.log('chunk loaded'))
  .catch(e => console.error('chunk failed to load'));