美文网首页
vue3+vite rem适配

vue3+vite rem适配

作者: 兜兜里冒糖糖 | 来源:发表于2022-06-14 11:19 被阅读0次

    1、安装lib-flexible 和 postcss-pxtorem

    npm i lib-flexible postcss-pxtorem -D
    

    2、在vite.config.ts

    const postCssPxToRem = require("postcss-pxtorem")
      css: {
        postcss: {
          plugins: [
            postCssPxToRem({
              rootValue: 32, // 1rem的大小
              propList: ['*'], // 需要转换的属性,这里选择全部都进行转换
            })
          ]
        },
      },
    

    相关文章

      网友评论

          本文标题:vue3+vite rem适配

          本文链接:https://www.haomeiwen.com/subject/laczmrtx.html