Vue.js 如何插入预回迁&；是否将资产预加载到Vue CLI 3中的自定义HTML文件中？

因此，vue cli 3将自动在HTML文件中插入指向资产文件的所有链接。它还包括具有

预加载

和

预回迁

属性的资产

我想使用我自己的HTML模板，并使用

preload

和

prefetch

属性将这些相同的资产插入其中

<% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
<script src="{% static '<%= htmlWebpackPlugin.files.chunks[chunk].entry %>' %}"></script>
<% } %>

我以前使用过类似于此示例的方法，但它不包括

preload

和

prefetch

属性

<% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
<script src="{% static '<%= htmlWebpackPlugin.files.chunks[chunk].entry %>' %}"></script>
<% } %>

我已经查看了

htmlWebpackPlugin

对象中的所有可用信息，但没有看到任何可以用来确定资产是否应该使用

prefetch

或

preload

以及

as=script

的信息

---

我该怎么做？显然，vue cli 3正在这样做，但我不确定如何操作。

我知道您希望使用自己的模板，但我建议不要这样做。”“兔子洞”并没有开始描述弄乱它。相反，我会定制插件，以获得您喜欢的正确资源。详细讨论了预加载/预取的定制

使用vue.config.js，您应该能够将特定选项添加到PreloadPlugin（此插件用于管理index.html中的预加载和预回迁标记注入）有关如何链接网页包的更多信息和示例