Vue CLI“ index.html”的内容

问题描述 投票:0回答:1

每当我运行npm run build时,它都会用我的应用程序生成一个dist文件夹,但一切都很好,但是..

我的问题:

[当我打开index.html时有<!DOCTYPE>, <head>, <body>标记,但就我而言,我只需要带有CSS和JS文件的<div id="app">

问题:

是否可以删除不需要生成的标签,例如我的案例<!DOCTYPE>, <body>, <head>

[每当我运行npm run build时,当我打开index.html时它都应该像这样:

<link href=/testing/path/css/app.6878f4f8.css rel=preload as=style>
<link href=/testing/path/js/app.457dc9d3.js rel=preload as=script>
<link href=/testing/path/js/chunk-vendors.a0cfb1f1.js rel=preload as=script>
<link href=/testing/path/css/app.6878f4f8.css rel=stylesheet>
 <div id=app>
 </div>
<script src=/testing/path/js/chunk-vendors.a0cfb1f1.js></script>
<script src=/testing/path/js/app.457dc9d3.js></script>

否则,我需要打开文件并手动将其删除

javascript vue.js vue-cli-3
1个回答
0
投票

Vue CLI生成的项目使用public/index.html作为模板,其中包含您要避免的标题和标签。 Vue所需的唯一元素是<div id="app"></div>,因此您可以从public/index.html中删除所有内容。

请注意,preloadpreload和CSS插件(默认启用)将插入prefetch。您可以使用以下配置禁用prefetch<head>插件:

preload

最终输出将类似于此:

prefetch
© www.soinside.com 2019 - 2024. All rights reserved.