我想在head或其他占位符中加载webpack生成的文件。
根据ng cli的当前页面结构
<!doctype html>
<html lang="en">
<head>
.....
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>
<script></script> ---- all angular generated scripts
</body>
</html>
我需要它如下所示：
<!doctype html>
<html lang="en">
<head>
.....
<link rel="icon" type="image/x-icon" href="favicon.ico">
<script></script> ---- all angular generated scripts
</head>
<body>
<app-root></app-root>
</body>
</html>
为了达到我想要的结果，我使用了ng eject命令，并且我的项目根目录中webpack.config.js文件。
在 webpack 配置文件中，我编辑了HtmlWebpackPlugin并更新了注入标志，如下所示：
"inject": 'head',
通过上述更改，我脑海中有脚本，但随后我收到错误，app-root不是已知元素。
它不是一个已知的元素，因为在head中它会在这个节点存在之前加载。