Webpack Vue.js网页包模板头标签_Webpack_Vue.js

Webpack Vue.js网页包模板头标签

webpack vue.js

Webpack Vue.js网页包模板头标签,webpack,vue.js,Webpack,Vue.js,正在使用vue cli-生成html文件。。。继续获取我的模板中不存在的头标签更多详情：我有一个用hapi.js编写的现有应用程序。它提供呈现的html页面。Nunjunks用于模板制作我有一个Vue SPA/小部件（使用view cli和Vue webpack构建），它必须位于Nunjunks呈现的html中在我的nunjunks模板中，我有一个部分{%include'vueapps/paintpicker.html%} 我已经设置了config/index.js将文件作为paint

正在使用vue cli-生成html文件。。。继续获取我的模板中不存在的头标签

更多详情：

我有一个用hapi.js编写的现有应用程序。它提供呈现的html页面。Nunjunks用于模板制作

我有一个Vue SPA/小部件（使用view cli和Vue webpack构建），它必须位于Nunjunks呈现的html中

在我的nunjunks模板中，我有一个部分

{%include'vueapps/paintpicker.html%}

我已经设置了

config/index.js

将文件作为

paintpicker.html

输出到vueapps目录中

我的index.html文件（从中生成paintpicker.html）如下所示：

{% extends 'layout/web-layout.html' %}
{% block main %}
     <div id="app"></div>
{% endblock %}

{%extends'布局/web布局.html%}
{%block main%}
{%endblock%}

然而。。。构建后，我的paintpicker.html文件如下所示（我添加了新行以使其更易于阅读）


{%extends'布局/web布局.html%}
{%block main%}
{%endblock%}

我收到了一个

标签-我不知道如何摆脱它…

所以。。。在幕后，html网页正在被使用。我进入/build/webpack.prod.conf.js，并将inject设置为false

然后，从该模板中获取变量-

我能够将它们插入到我的模板中。结果现在根据需要呈现

有关详细信息，请参阅webpack.config.js上的部分

<head>
<link href=/static/css/app.1de2d621551be454289c9d7cf89d0ded.css rel=stylesheet>
</head>
{% extends 'layout/web-layout.html' %} 
{% block main %}
<div id=app></div>
{% endblock %}
<script type=text/javascript src=/static/js/manifest.2ae2e69a05c33dfc65f8.js></script><script type=text/javascript src=/static/js/vendor.158e5ebf7c414a428726.js></script>
<script type=text/javascript src=/static/js/app.99b16fc5705b655dd61b.js></script>