在Webpack的人力资源管理中，如何观察大块的代码？

Question

我每天都在我的开发中使用热替换模式。但是，随着项目的规模越来越大，性能也开始发挥作用。

在我的项目中有两个条目：

• vendor：像React、lodash、moment这样的库
• main：我的项目代码

React是相当大的代码库，我认为这样可以大大减少CPU占用，让他们单独呆着。在启动vendor之前，是否有可能预编译webpack-dev-server --hot，并使其只查看main中的代码？

Answer 1

通过定义include，可以大大提高性能。示例：

{
  test: /\.jsx?$/,
  loaders: ['react-hot', 'babel'],
  include: path.resolve(__dirname, 'main')
}

现在，它将只处理main目录中的文件，就像您最初的意图一样。

有很多小的调整，你可以做，但我认为这会给你最大的成功，用最少的努力。