如何使用webpack进行开发Angular2/typescript无需每次运行构建？

Question

我正在使用ASP.Net Core，Angular2和Typescript，并使用来自Angular2团队here的教程与webpack连接在一起。这一切似乎工作，但现在我需要建立每次我改变一个文件。

原始教程使用system.js，当然加载大量文件，但我只是使用静态文件中间件，并且不需要构建开发。这非常方便，但我无法弄清楚如何对webpack进行相同操作。看起来webpack只能将所有东西捆绑在一起，而没有单独加载所有东西的选项，所以我需要每次运行构建。

是否有可能做一些事情，以便webpack以某种简单的方式“扩展”软件包？

P.S.我不想使用webpack dev服务器和一些保存等自动构建，因为复杂性是相当高的。所以理想的解决方案是我有捆绑生产，但直接代码加载开发，就像过去的标准mvc捆绑一样。

Answer 1

真的，最好的方法是使用webpack dev服务器。这确实没有参与太多的设置，只是在运行，而不是一个的WebPack不同的命令：

npm install webpack-dev-server 
webpack-dev-server webpack.config.js 

然后你只要点脚本来源http://localhost:8080/webpack-dev-server/your-bundle-name.js" in your application`标签。

这是迄今为止最好的选择，因为您可以立即进行增量重新编译和实时重新加载。

虽然我强烈建议您使用webpack-dev-server你也可以只使用普通的WebPack手表模式：

webpack ---watch 

有没有办法“扩大了包”（和真的没有必要）。例如，在所有可能的情况下，您使用webapack不仅仅是捆绑销售，所以如果您更改打印稿文件，仍然需要重新构建。在手表模式下的Webpack开发服务器或webpack可以进行非常快速的增量编译，大多数人只会在开发时让它们运行。