我可以向在构建时创建的脚本标签添加属性吗?

时间:2018-08-01 13:10:18

标签: javascript vue.js build vuejs2

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

对于我们的客户,我们需要在脚本上放置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>

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

谢谢!

1 个答案:

答案 0 :(得分:1)

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

类似的事情就是您可以通过javascript应用属性的方法。有关更多信息,请参见此answer