Webpack 每次更改后创建React应用程序需要很长时间才能编译

我使用了来自的CreateReact应用程序 由于只有一个入口点，它工作得很好。然而，我弹出并添加了多个入口点。现在有了多个入口点，编译需要很长的时间，大约1-2分钟，有时超过2分钟来反映单行代码的更改。 下面是我的webpack.config.dev.js

/*eslint禁用*/
"严格使用",；
const autoprefixer=require（'autoprefixer'）；
const path=require（'path'）；
const webpack=require（'webpack'）；
const HtmlWebpackPlugin=require（'html-webpack-plugin'）；
const CaseSensitivePathsPlugin=require（'case-sensitive-path-webpack-plugin'）；
const InterpolateHtmlPlugin=require（'react-dev-utils/InterpolateHtmlPlugin'）；
const watchmissingdemodulesplugin=require（'react-dev-utils/watchmissingdemodulesplugin'）；
const eslintFormatter=require（'react-dev-utils/eslintFormatter'）；
const ModuleScopePlugin=require（'react-dev-utils/ModuleScopePlugin'）；
const getClientEnvironment=require（'./env'）；
常量路径=需要（'./路径'）；
//Webpack使用“publicPath”确定应用程序的服务来源。
//在发展中，我们始终从根本上服务。这使得配置更容易。
常量publicPath='/'；
//“publicUrl”与“publicPath”类似，但我们会将其提供给我们的应用程序
//作为'index.html'中的%PUBLIC_URL%和JavaScript中的'process.env.PUBLIC_URL'。
//省略尾随斜杠，因为%PUBLIC\u PATH%/xyz看起来比%PUBLIC\u PATH%xyz好。
const publicUrl=“”；
//获取要注入到我们的应用程序中的环境变量。
const env=getClientEnvironment（publicUrl）；
//这是开发配置。
//它专注于开发人员体验和快速重建。
//生产配置是不同的，存在于单独的文件中。
module.exports={
//如果希望在DevTools中查看编译后的输出，则可能需要使用“eval”。
//请参阅中的讨论https://github.com/facebookincubator/create-react-app/issues/343.
devtool:“廉价模块源映射”，
//这些是我们应用程序的“入口点”。
//这意味着它们将是JS包中包含的“根”导入。
//前两个入口点为JS启用“热”CSS和自动刷新。
条目：{
索引：[
//默认情况下，我们会提供一些多边形填充：
require.resolve（“./polyfills”），
//包括WebpackDevServer的备用客户端。客户端的作业是
//通过套接字连接到WebpackDevServer，并获得有关更改的通知。
//保存文件时，客户端将应用热更新（如果
//或刷新页面（如果是JS更改）
//如果出现语法错误，此客户端将显示语法错误覆盖。
//注意：我们使用的不是默认的WebpackDevServer客户端，而是自定义客户端
//为Create React应用程序用户带来更好的体验。您可以替换
//如果您更喜欢股票客户，请使用以下两行：
//require.resolve（'webpack-dev-server/client'）+“？/”，
//require.resolve（'webpack/hot/dev server'），
require.resolve（'react-dev-utils/webpackHotDevClient'），
//最后，这是您的应用程序代码：
path.appIndexJs，
//我们最后包含应用程序代码，以便在
//初始化时，它不会炸毁WebpackDevServer客户端，并且
//更改JS代码仍然会触发刷新。
],
公司董事：[
require.resolve（“./polyfills”），
require.resolve（'react-dev-utils/webpackHotDevClient'），
paths.appSrc+“/entry points/CompanyDirectoryEntry.js”，
],
okrs：[
require.resolve（“./polyfills”），
require.resolve（'react-dev-utils/webpackHotDevClient'），
paths.appSrc+“/entry points/OKRsEntry.js”，
],
入职：[
require.resolve（“./polyfills”），
require.resolve（'react-dev-utils/webpackHotDevClient'），
paths.appSrc+“/entry points/OnboardingEntry.js”，
],
报告：[
require.resolve（“./polyfills”），
require.resolve（'react-dev-utils/webpackHotDevClient'），
paths.appSrc+“/entry points/ReportsEntry.js”，
],
项目简介：[
require.resolve（“./polyfills”），
require.resolve（'react-dev-utils/webpackHotDevClient'），
paths.appSrc+“/entry points/ProjectProfileEntry.js”，
],
日历：[
require.resolve（“./polyfills”），
require.resolve（'react-dev-utils/webpackHotDevClient'），
paths.appSrc+“/entry points/CalendarEntry.js”，
],
设置：[
require.resolve（“./polyfills”），
require.resolve（'react-dev-utils/webpackHotDevClient'），
paths.appSrc+“/entry points/SettingsEntry.js”，
],
离开：[
require.resolve（“./polyfills”），
require.resolve（'react-dev-utils/webpackHotDevClient'），
paths.appSrc+“/entry points/LeavesEntry.js”，
],
我的个人资料：[
require.resolve（“./polyfills”），
require.resolve（'react-dev-utils/webpackHotDevClient'），
paths.appSrc+“/entry points/MyProfileEntry.js”，
],
许可证错误：[
require.resolve（“./polyfills”），
require.resolve（'react-dev-utils/webpackHotDevClient'），
paths.appSrc+“/entry points/LicenseErrorEntry.js”，
],
},
输出：{
//向输出中生成的require（）添加/*filename*/注释。
是的，
//这不会生成真正的文件，它只是虚拟路径
//由开发中的WebpackDevServer提供服务。这是JS包
//包含来自所有入口点的代码，以及Webpack运行时。
文件名：“static/js/[name].bundle.js'，
//如果使用代码拆分，还存在其他JS块文件。
chunkFilename:'static/js/[name].chunk.js'，
//这是应用服务的URL。我们在开发中使用“/”。
publicPath:publicPath，
//将sourcemap条目指向原始磁盘位置（在Windows上格式为URL）
devtoolModuleFilenameTemplate:info=>
路径解析（信息a）