Есть index.html
<!DOCTYPE html>
<html lang="ru" class="preload">
<head>
<meta charset="utf-8">
<meta http-equiv="Expires" content="-1">
<meta name="HandheldFriendly" content="true">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Materialize, FontAwesome, Material -->
<link rel="stylesheet" href="public/css/app.css">
<link rel="icon" href="public/img/favicon.png" type="image/png">
</head>
<body ng-app="myApp">
<div ng-view></div>
<!-- require jQuery3.0, Angular1.5, Materialize -->
<script src='public/js/core.js'></script>
<!-- <script src='public/js/materialize.js'></script> -->
<script src='public/js/app.js'></script>
</body>
</html>
js файлы собираются на webpack
но мне хочется научится, чтобы
index.html собирался в кучу
то есть, чтобы сразу
<!DOCTYPE html>
<html lang="ru" class="preload">
<head>
<!-- .. -->
<style>
// содержимое public/css/app.css
</style>
<link rel="icon" href="public/img/favicon.png" type="image/png">
</head>
<body ng-app="myApp">
<div ng-view></div>
<!-- require jQuery3.0, Angular1.5, Materialize -->
<script>
// содержимое public/js/core.js
</script>
<script src='public/js/app.js'>
// содержимое public/js/app.js
</script>
</body>
</html>
Как такое можно оптимизировать? Чтобы index.html собирался сразу таким или хотя бы вызывать какую-то команду для этого из терминала