vue3 px 转rem

2022-12-08  本文已影响0人  宇少_e010

安装依赖

npm i amfe-flexible   
npm install postcss-pxtorem -D

main.js 引入模块

 import 'amfe-flexible'

然后在项目根目录中创建 postcss.config.js 文件:

module.exports = {
    plugins: {
        // postcss-pxtorem 插件的版本需要 >= 5.0.0
        'postcss-pxtorem': {
            rootValue() { 
                return 37.5;
            },
            // 配置哪些文件中的尺寸需要转化为rem *表示所有的都要转化
            propList: ['*'],
        },
    },
};
这个文件会被自执行
上一篇下一篇

猜你喜欢

热点阅读