postcss-pxtorem

postcss-pxtorem copied to clipboard

Some issue when convert px to rem with vue3+Vant4+vite

5

My project uses vue3+Vant4+vite with [email protected], after building the project. Some css files not covert px to rem properly. Anyone know this root cause?  Project config show as the...

YakunJin

I'm building a mobile project using Vite, Vant, and PostCSS-pxtorem. When I run npm run dev, the CSS units of Vant's global variables are compiled to rem. However, after a...

tww1995826

vite+scss+vant rootValue not match file

2

``` module.exports = { plugins: { 'postcss-pxtorem': { rootValue({ file }) { console.log(file, file.includes('node_modules/vant')) return file.includes('node_modules/vant') ? 37.5 : 75; }, propList: ['*'], }, }, } ```

ixqbar

Why does my exclude configuration work in the development environment but not in the test environment

1

I am currently using vite+vue3 to build the project and only want to do rem adaptation for mobile, this is my code: exclude: function (file) { return file.indexOf('m/') === -1...

hahakaola

eg： .wrap{height:100px;height:100px;} -> .wrap{height:10rem;height:100px;}

chengkailiu

Hello there! Is there any way to let postcss-pxtorem to convert the css var values? It is not automatically converting my ``` --text-lg: 16px; ``` to ``` --text-lg: 1rem; ```...

Eric-llos

add exclude verify type of RegExp: if exclude type is Function, it has a bug eg: postCssPxToRem({ exclude: (filePath) => { const reg = /src\/pages\/m|src\/components\/m|share\/components\/m/; return !reg.test(filePath); }, }) if...

zhangxiaoyu713