77 lines
2.1 KiB
JavaScript
77 lines
2.1 KiB
JavaScript
import { defineConfig } from 'vite'
|
||
import vue from '@vitejs/plugin-vue'
|
||
import { resolve } from "path";
|
||
import dotenv from 'dotenv';
|
||
|
||
import postcsspxtoviewport from 'postcss-px-to-viewport'
|
||
// https://vitejs.dev/config/
|
||
|
||
|
||
|
||
// 加载环境变量
|
||
// dotenv.config({
|
||
// path: process.env.NODE_ENV === 'production' ? '.env.production' : '.env.development',
|
||
// });
|
||
|
||
export default defineConfig({
|
||
base:'./' ,
|
||
plugins: [vue()],
|
||
//在这配置插件内容
|
||
css: {
|
||
postcss: {
|
||
plugins: [
|
||
postcsspxtoviewport({
|
||
// 要转化的单位
|
||
unitToConvert: 'px',
|
||
// UI设计稿的大小
|
||
viewportWidth: 1920,
|
||
// 转换后的精度
|
||
unitPrecision: 6,
|
||
// 字体转换后的单位
|
||
fontViewportUnit: 'vw',
|
||
// 能转换的属性，*表示所有属性，!border表示border不转
|
||
propList: ['*'],
|
||
// 指定不转换为视窗单位的类名，
|
||
selectorBlackList: ['ignore-'],
|
||
// 最小转换的值，小于等于1不转
|
||
minPixelValue: 1,
|
||
// 是否在媒体查询的css代码中也进行转换，默认false
|
||
mediaQuery: false,
|
||
// 是否转换后直接更换属性值
|
||
replace: true,
|
||
// 忽略某些文件夹下的文件或特定文件，例如 'node_modules' 下的文件
|
||
exclude: [],
|
||
// 包含那些文件或者特定文件
|
||
include: [],
|
||
// 是否处理横屏情况
|
||
landscape: false
|
||
}),
|
||
]
|
||
}
|
||
},
|
||
resolve: {
|
||
alias: {
|
||
"@": resolve(__dirname, "./src")
|
||
},
|
||
|
||
},
|
||
server: {
|
||
host: "0.0.0.0",
|
||
port: 10010,
|
||
// proxy: {
|
||
// '/api': {
|
||
// // target: process.env.VITE_APP_BASE_URL,
|
||
// // target: "http://192.168.5.200",
|
||
// // target: "https://mock.apifox.com/m1/3780949-0-default",
|
||
// changeOrigin: true,
|
||
// rewrite: (p) => p.replace(/^\/api/, '')
|
||
// },
|
||
// '/prod-api': {
|
||
// // target: "http://192.168.220.202 ",
|
||
// changeOrigin: true,
|
||
// rewrite: (p) => p.replace(/^\/prod-api/, '')
|
||
// },
|
||
// }
|
||
}
|
||
})
|