vite+vue2.7配置rem

最新推荐文章于 2024-05-11 14:28:53 发布

星星点点.

最新推荐文章于 2024-05-11 14:28:53 发布

阅读量375

点赞数

分类专栏：我的日常

本文链接：https://blog.csdn.net/fila_jdhx/article/details/127811440

版权

postcss-pxtorem autoprefixer 移动端适配 Vite CSS

关键词由CSDN通过智能技术生成

我的日常专栏收录该内容

1 篇文章 0 订阅

订阅专栏

npm i autoprefixer
npm install postcss-pxtorem --save

然后在vite.config.ts里面配置，代码如下

首先要先对刚才的插件进行引入

import postCssPxToRem from 'postcss-pxtorem'
import autoprefixer from 'autoprefixer'

   css: {
      postcss: { 
        plugins: [
          postCssPxToRem({ 
            rootValue: 37.5, // 1rem的大小
            propList: ['*'], 
          }),
          autoprefixer({
            overrideBrowserslist: [
              "Android 4.1",
              "iOS 7.1",
              "Chrome > 31",
              "ff > 31",
              "ie >= 8"
              //'last 2 versions', 
            ],
            grid: true
          })
        ]
      }
    }

这样就可以了