// vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
// 详细请参考: https://vitejs.dev/config/
export default defineConfig({
base: '/', //基本根路径
plugins: [vue()], //插件在这里 ,如eslint,vueJsx,qiankun等等
resolve: {
alias: { //配置路径别名在这里
'@': path.resolve(__dirname, './src'),
// 其他别名配置...
}
},
css: {
preprocessorOptions: {
scss: {
additionalData: `@import "@/styles/variables.scss";` // 导入全局 SCSS 变量
}
}
},
build: {
outDir: 'dist', // 输出目录
assetsDir: 'assets', // 静态资源目录
rollupOptions: {
input: 'index.html', // 入口文件
output: {
chunkFileNames: 'js/[name]-[hash].js', // 分块文件名格式
entryFileNames: 'js/[name]-[hash].js', // 入口文件名格式
assetFileNames: 'assets/[ext]/[name]-[hash].[ext]' // 资源文件名格式
}
}
},
server: { //本地开发环境启动服务相关配置
port: 3000, // 开发服务器端口
open: true, // 是否自动打开浏览器
hot: { // HMR 配置 热更新
// HMR 配置项...
},
origin: https://,
proxy: { //本地代理服务配置项
'XX': { //接口前缀名
target: 'https://XX/XX/aa', //对应接口服务地址
changeOrigin: true, //是否跨域
rewrite: (path) => path.replace(/^\/XX/,'') //可选
}
}
}
// 其他配置项...
})
vite.config.ts配置代码例子
最新推荐文章于 2024-07-17 14:19:40 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)