使用postcss-px-to-viewport自动px转换vw

464 阅读1分钟

1.先下包
npm install postcss-px-to-viewport -D
yarn add -D postcss-px-to-viewport
pnpm add -D postcss-px-to-viewport

2.在根目录新建一个文件 postcss.config.js

// eslint-disable-next-line no-undef
module.exports = {
    plugins: {
        'postcss-px-to-viewport': {
            // 以设备宽度 375 为基准计算 vw 的值
            viewportWidth: 375,
        },
    },
};

3.重启项目,加载配置文件