我使用Angular2 CLI创建了我的项目脚手架。它使用Webpack。当我进行开发时，每次我进行更改并保存时，Webpack都必须重新创建捆绑包，然后才能重新加载页面并查看更改。事实上，它只有10-12秒，但对于调试来说，这是一个eon。有时，捆绑和重新加载页面所需的时间是进行更改所需时间的4倍。这让人抓狂。我做错什么了吗？我没有更改任何Angular CLI或webpack设置，因为我甚至不知道从哪里开始。我的项目(还)不是特别大——到目前为止有5-6个非常简单的组件。
有什么想法吗？
谢谢，
Dave
这可能会对您的构建有所帮助，请在您的webpack配置中添加它；
cache: true,
devtool: 'cheap-module-source-map',
也可以看看：https://webpack.github.io/docs/build-performance.html
在开发过程中加速webpack的两个选项。
-
您可以使用Webpack DLL预构建库。这基本上需要一个javscript文件(即vendor.ts)，其中包含要预构建的模块的列表，并生成一个JS文件，该文件将在下次构建webpack时自动使用，而不是一次又一次地构建每个模块。
-
您可以使用HMR(热模块重新加载)。这意味着您可以运行一次webpack，它将等待您将来对任何源文件(javascript/html/CSS/LESS/etc)进行任何更改。当你点击Save时，webpack dev-server会检测到你已经更改了一个文件，并会构建那个文件，并使用套接字将其自动传输到浏览器，浏览器只会更新那个模块和任何依赖模块。你甚至可以保持相同的应用程序状态，这样你就不必刷新浏览器，浏览器状态将在保存前继续。