Vue3+Vite+TypeScript常用项目模块详解
warning:
这篇文章距离上次修改已过203天，其中的内容可能已经有所变动。
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
'@': path.resolve(__dirname, './src'),
},
},
server: {
port: 4000,
open: true,
},
build: {
outDir: 'dist',
},
})这段代码展示了如何使用Vite配置文件来设置Vue3项目的基本配置，包括插件、路径别名和开发服务器设置。在这个例子中，我们设置了Vue插件，使得Vite能够理解Vue单文件组件，并且通过resolve.alias配置了路径别名@，使得我们可以在项目中使用别名而不是相对路径或绝对路径。服务器设置中，我们指定了开发服务器运行的端口为4000，在启动时自动打开浏览器，并且在构建项目时输出文件将会被放置在dist目录下。
评论已关闭