cuth / postcss-pxtorem

Convert pixel units to rem (root em) units using PostCSS
MIT License
2.02k stars 174 forks source link

how to use it in rollup , with antd / antd-mobile integrated ? #78

Open Kilims opened 2 years ago

Kilims commented 2 years ago

by using this plugin , with webpack + antd/antd-mobile, my webpack.config.js will be :

require("postcss-pxtorem")({ rootValue: 37.5, propList: ["*"], minPixelValue: 2, selectorBlackList: [] }),

which works well

by how to use this plugin by using rollup ?

mehimanshupatil commented 2 years ago

I use like bellow in rollup.config.js

var pxtorem = require("postcss-pxtorem"); 
import postcss from "rollup-plugin-postcss";

export default {
    input: "src/index.ts",
    output: {
        dir: "build",
        format: "es",
        sourcemap: true,
        preserveModules: true,
        preserveModulesRoot: "src",
    },
    plugins: [
        postcss({
            minimize: true,
            plugins: [
                pxtorem({
                    rootValue: 16,
                    unitPrecision: 6,
                    propList: ["*"],
                }),
            ]
        })
    ]
};
wmo123 commented 1 year ago

I have met the same issue,My project has two sets of UIs, one is vant and another is element-plus,i want to make pxto rem in vant , then i try to set selectorBlackList: [ '.el-'] and don‘t set html fontsize to making px to rem invalid, However, this method does not work for CSS variables,So I put up an issue and I hope someone can help me answer it。