假设我有文件夹 / src / 。在那里，有一个HTML文件（以及一些脚本和样式表）：
<html>
<head>
<link href="1.css" rel="stylesheet">
<link href="2.css" rel="stylesheet">
</head>
<body>
<h1>My website</h1>
<script src="1.js">
<script src="2.js">
</body>
</html>
脚本和样式表中的内容无关紧要，因为这只是一个示例。
重要：我要在此 / src / 文件夹中进行开发。我不想每次更改任何文件中的任何代码行时都会遇到捆绑/构建工作的麻烦-我只想保存，重新加载页面并查看结果。仅在准备生产时，我才想创建捆绑包。
现在，假设我 am 准备好了，我想创建一个捆绑包以上传到我的服务器上，以供公众使用。我最后想要的是 / dist / 文件夹中的HTML文件：
<html>
<head>
<link href="css_bundle.css" rel="stylesheet">
</head>
<body>
<h1>My website</h1>
<script src="js_bundle.js">
</body>
</html>
这些CSS / JS捆绑包文件应压缩并缩小。在此基础上，假设我不会丢失任何空白字符，那么如果我还可以选择最小化HTML，那将很酷：
<html><head><link href="css_bundle.css" rel="stylesheet"></head><body><h1>My website</h1><script src="js_bundle.js"></body></html>
像我经常使用的那样，捆绑JavaScript还应该能够将ES6模块之类的东西纳入考虑之列，但这应该是可选的。如今，足够多的浏览器原生支持模块，这使我想保持其“原始”状态，而不必将其转换为某些ES5 polyfill。
我已经签出了一些Webpack文档，但是发现“快速指南”不符合我的需求。 哪些工具可以实现这种行为？