38 lines
1.1 KiB
JavaScript
38 lines
1.1 KiB
JavaScript
import { defineConfig } from 'vite'
|
|
import react from '@vitejs/plugin-react'
|
|
import postcssPxToViewport from 'postcss-px-to-viewport';
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig({
|
|
plugins: [react()],
|
|
server: {
|
|
host: '0.0.0.0', // 允许外部网络访问
|
|
port: 3000, // 更改此处的端口号
|
|
},
|
|
resolve: {
|
|
alias: {
|
|
'@': '/src', // 配置@指向src目录
|
|
},
|
|
},
|
|
css: {
|
|
postcss: {
|
|
plugins: [
|
|
postcssPxToViewport({
|
|
viewportWidth: 375, // 视口宽度，根据设计图的大小
|
|
viewportHeight: 1000, // 视口高度，根据设计图的大小
|
|
unitPrecision: 6,// 保留小数点
|
|
viewportUnit: 'vw', // 单位
|
|
selectorBlackList: [], // 排除的类
|
|
minPixelValue: 1, // px的最小单位
|
|
mediaQuery: false, // 排除媒体查询
|
|
landscapeUnit: 'vw', // 横屏单位
|
|
fontViewportUnit: 'vw', // 字体属性单位
|
|
// exclude: /(\/|\\)(node_modules)(\/|\\)/, // 排除 node_modules 目录下的文件
|
|
}),
|
|
// 其他 PostCSS 插件配置
|
|
],
|
|
},
|
|
},
|
|
|
|
|
|
})
|