如何在angular.json中包含HEAD脚本 [英] How to include script to head in angular.json
本文介绍了如何在angular.json中包含HEAD脚本的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我要使用angular.json配置作为单独的捆绑包导入aframe标记中的aframe。
内部angular.json我有要从节点模块导入的脚本：
"scripts": [
"node_modules/aframe/dist/aframe-v1.0.0.min.js"
]
这是在html正文底部捆绑并导入的。
<body>
<app-root></app-root>
...
<script src="scripts.js" ...>
</body>
这并不可取，因为库特别要求我在<head>中导入。
此外，我想将其作为单独的捆绑包导入：
"scripts": [
{ "input": "node_modules/aframe/dist/aframe-v1.0.0.min.js", "bundleName": "aframe-v1.0.0.min" }
]
推荐答案
您可以将脚本引用添加到angular.json，例如包含jQuery库
"scripts": [
{
"input": "node_modules/jquery/dist/jquery.min.js",
"inject": false,
"bundleName": "jquery"
}
]
false不会将脚本注入index.htm，最后我们只为bundleName设置了一个名称，这样脚本就不会与其他脚本文件捆绑在一起，而是独立的文件，
现在，您可以将脚本标记添加到头标记
更新index.html并在页眉包含脚本片段
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Portfolio</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<script src="jquery.js"></script> <!-- 👈 -->
</head>
<body>
<app-root></app-root>
</body>
</html>
这篇关于如何在angular.json中包含HEAD脚本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
