vite.config.js 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. // vite.config.js
  2. import {
  3. defineConfig
  4. } from 'vite'
  5. import uni from '@dcloudio/vite-plugin-uni'
  6. // https://vitejs.dev/config/
  7. export default defineConfig({
  8. base: '/',
  9. plugins: [
  10. uni(),
  11. ],
  12. css: {
  13. postcss: {
  14. plugins: [
  15. require("postcss-px-to-viewport")({
  16. unitToConvert: 'px', //需要转换的单位,默认为"px"
  17. viewportWidth: 750, // 视窗的宽度,对应的是我们设计稿的宽度,iPhone 6s 一般是375
  18. viewportHeight: 667, // 视窗的高度,iPhone 6s 一般是667
  19. unitPrecision: 3, // 指定`px`转换为视窗单位值的小数位数(很多时候无法整除)
  20. viewportUnit: 'vw', // 指定需要转换成的视窗单位,建议使用vw
  21. selectorBlackList: ['.ignore', '.hairlines'], // 指定不转换为视窗单位的类,可以自定义,可以无限添加,建议定义一至两个通用的类名
  22. minPixelValue: 1, // 小于或等于`1px`不转换为视窗单位,你也可以设置为你想要的值
  23. mediaQuery: false, // 允许在媒体查询中转换`px`
  24. fontViewportUnit: 'vw', //字体使用的视口单位
  25. exclude: [/node_modules/]
  26. })
  27. ]
  28. }
  29. },
  30. server: {
  31. host: "0.0.0.0",
  32. port: "3000",
  33. proxy: {},
  34. },
  35. })