1 Star 0 Fork 1

张广胜/vue3+ts+vite

forked from 纯情阿磊/vue3+ts+vite 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
vite.config.ts 2.34 KB
一键复制 编辑 原始数据 按行查看 历史
纯情阿磊 提交于 2023-05-08 14:13 +08:00 . 初始化
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'
// import postCssPxToRem from 'postcss-pxtorem'
// import postcssPxToViewport from 'postcss-px-to-viewport'
// 自动导入vue中hook reactive ref等
import AutoImport from "unplugin-auto-import/vite"
//自动导入ui-组件 比如说ant-design-vue element-plus等
import Components from 'unplugin-vue-components/vite';
// 按需引入
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
// https://vitejs.dev/config/
export default defineConfig({
base: './',
server: {
host: '0.0.0.0', //服务器ip地址
port: 9528,
// proxy: {
// '/api': { // 匹配请求路径,
// target: '127.0.0.1', // 代理的目标地址
// // 开发模式,默认的127.0.0.1,开启后代理服务会把origin修改为目标地址
// changeOrigin: true,
// // secure: true, // 是否https接口
// // ws: true, // 是否代理websockets
// // 路径重写,**** 如果你的后端有统一前缀(如:/api),就不开启;没有就开启
// //简单来说,就是是否改路径 加某些东西
// rewrite: (path) => path.replace(/^\/api/, '')
// }
// }
},
plugins: [
vue(),
AutoImport({
//安装两行后你会发现在组件中不用再导入ref,reactive等
imports: ['vue', 'vue-router', 'pinia'],
//存放的位置
dts: "src/auto-import.d.ts",
resolvers: [ElementPlusResolver()],
}),
Components({
// 引入组件的,包括自定义组件
// 存放的位置
dts: "src/components.d.ts",
resolvers: [ElementPlusResolver()],
}),
],
resolve: {
// ↓路径别名
alias: {
"@": resolve(__dirname, "./src")
}
},
css: {
preprocessorOptions: {
sass: {
javascriptEnabled: true
}
},
postcss: {
plugins: [
// viewport 布局适配
// postcssPxToViewport({
// viewportWidth: 375
// }),
// postCssPxToRem({
// // rootValue(res) {
// // return res.file.indexOf('vant') !== -1 ? 37.5 : 75
// // },
// propList: ['*'] // 需要转换的属性,这里选择全部都进行转换
// })
]
}
}
})
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/zhang-guangsheng/vue3-ts-vite.git
git@gitee.com:zhang-guangsheng/vue3-ts-vite.git
zhang-guangsheng
vue3-ts-vite
vue3+ts+vite
master

搜索帮助