postcss-px-to-viewport 中根据不同的路径输出不同的尺寸

根目录下创建一个postcss.config.js 配置文件

const path = require('path');

module.exports = ({
	webpack
}) => {
	const designWidth = webpack.resourcePath.includes(path.join('xxx')) ? 1920 : 1980;//根据路径 输出不同的页面的设计尺寸. 我这里是判断路径是否包含xxx,如果包含就输出1920px宽度的尺寸

	return {
		plugins: {
			autoprefixer: {},
			"postcss-px-to-viewport": {
				viewportWidth: designWidth,//1920, //设计稿尺寸
				exclude: /(\/|\\)(node_modules)(\/|\\)/, //第三方UI组件单位不转vw
			},
		},
	}

}