Question

我想在webpack或其他占位符中加载head生成的文件。

根据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不是已知元素的错误。

Answer 1

它不是一个已知的元素，因为在头部它将在此节点存在之前加载。

Angular ng eject命令 - webpack customizarion

1 个答案: