vant +vite 设计稿是750，postCssPxToRem如何配置

悠悠~飘

已于 2024-11-30 17:57:05 修改

阅读量726

点赞数 4

分类专栏： vue vite 文章标签： postcss

于 2024-10-12 17:17:58 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_48813932/article/details/142882344

版权

vue 同时被 2 个专栏收录

13 篇文章

订阅专栏

vite

1 篇文章

订阅专栏

废话不多说直接上代码：

在vite.config.ts 中配置：

  css: {
    postcss: {
      plugins: [
        postCssPxToRem({
          rootValue({ file }) {
            if (file && file.indexOf('vant') !== -1) {
              return 37.5
            }
            return 75
          },
          propList: ['*']
        })
      ]
    },
 
  },

详细配置可看官网：

官网链接：https://vant-ui.github.io/vant/#/zh-CN/advanced-usage