首页 > 解决方案 > 我可以向构建时创建的脚本标签添加属性吗?

问题描述

我构建了我的应用程序,并生成了应用程序脚本文件。

对于我们的客户,我们需要将 defer 属性放在脚本上。

是否可以选择在构建之前添加此属性,以便在构建时生成具有该属性的脚本文件?

可能是 config/index.js 中的设置,例如在资产路径前添加 ./。

构建后的索引文件:

<html>

<head>
<meta charset=utf-8>
<meta name=viewport content="width=device-width,initial-scale=1">
<title>capsule-grid</title>
<link href=./static/css/app.b61a863ffc65a9cdc414d3295eff7eb5.css 
rel=stylesheet>
</head>

<body>
<div id=capsule-grid></div>
<script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script>
<script type=text/javascript src=./static/js/vendor.a73abbfdb077dea7910a.js></script>
<script type=text/javascript src=./static/js/app.2a7cef142bfc9b3954a5.js></script>
</body>

</html>

我想将该属性添加到应用程序脚本文件中,但在构建之前。

谢谢!

标签: javascriptvue.jsbuildvuejs2

解决方案


var script = document.createElement("script");
script.src = "myjs.js";
script.setAttribute("defer", "true");

像这样的事情是您可以通过 javascript 应用属性的方式。有关更多信息,请参阅此答案


推荐阅读