vite中vue.config.js配置

在Vite中，可以使用vue.config.js文件来配置Vue项目的路径别名等选项。你可以在该文件中使用import { defineConfig } from 'vite'来引入配置函数defineConfig。然后，可以使用export default defineConfig({...})来导出一个包含配置选项的对象。比如，可以使用插件vite-plugin-vue来配置Vue的路径别名，可以在plugins选项中添加该插件。此外，还可以在server选项中配置本地运行的相关设置，如主机名、端口号、自动打开浏览器等。一个简单的vue.config.js配置示例如下：

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';

export default defineConfig({
  plugins: [
    vue()
  ],
  server: {
    host: 'localhost',
    port: 8080,
    open: true,
    https: false,
  },
});

这样，你就可以在vue.config.js中配置Vite项目中的一些选项了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [关于 vite.config.js 相关配置，拿走不谢](https://blog.csdn.net/weixin_43880397/article/details/121848881)[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: 33.333333333333336%"]
- *2* [vue.config.js中配置Vue的路径别名的方法](https://download.csdn.net/download/weixin_38678796/12928335)[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: 33.333333333333336%"]
- *3* [vite.config.js配置(大坑)](https://blog.csdn.net/weixin_44933280/article/details/121212333)[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: 33.333333333333336%"]
[ .reference_list ]