webpack，需要事件处理程序中的模块或文件的顶部位置？

Question

我想到了require模块的最佳方法。

我指的是require陈述的位置。

这是一个示例代码：

const movies = require('./movie').getMovies();
const App = () => {
  const handleClick = () => {
    const books = require('./book').getBooks();
    console.log(books);
    console.log(movies);
  };

  return (
    <div>
      <p>This is a App Component</p>
      <button type="button" onClick={handleClick}>按钮</button>
    </div>
  )
};

显然，事件处理程序中的require可以节省一些性能。因为__webpack_require__(moduleId)在您触发事件之前不会执行。 require语句将执行多次

将require语句放在文件的顶部，它将在另一个文件需要时执行。 会执行一次

那么哪个更好？ 也许我应该手动控制执行的次数？ 我自己做一些缓存工作吗？