vue3 vite 在vite.config.ts设置index.html title
时间: 2023-09-14 13:12:33 浏览: 55
在vite.config.ts中设置index.html的title可以通过以下步骤完成:
1. 首先,在vite.config.ts文件中导入`defineConfig`函数和`vue`插件:
```typescript
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
```
2. 在`defineConfig`函数中配置`plugins`选项,将`vue`插件添加到插件列表中:
```typescript
export default defineConfig({
plugins: [vue()],
});
```
3. 然后,在同一个`defineConfig`函数中配置`build`选项,并在其中设置`index.html`的`title`属性:
```typescript
export default defineConfig({
plugins: [vue()],
build: {
indexHtml: {
title: 'Your Title Here',
},
},
});
```
请将`Your Title Here`替换为你实际想要设置的标题。这样就可以在`index.html`中设置标题了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vite创建vue3项目+vite.config.js配置](https://blog.csdn.net/yzm521314/article/details/124245634)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]