目前在搞一個移動端的H5項目，使用的是Vue3+Vant框架。設計稿是750的，而且使用了postcss-px-to-viewport。所以發現使用Vant框架的時候，發現有點問題，好像縮小了，后來百度了一下，是需要設置portcss.config.js。
exclude: [/node_modules/vant/] // 這里排除對vant的轉換
exclude: [/node_modules/vant/] // 這里排除對vant的轉換
exclude: [/node_modules/vant/] // 這里排除對vant的轉換
下面是代碼：
正常配置：

// postcss.config.js
module.exports = {plugins: {'postcss-px-to-viewport': {unitToConvert: 'px', // 要轉換的單位viewportWidth: 750, // 設計稿寬度selectorBlackList: ["favor"],exclude: [/node_modules\/vant/] // 這里排除對vant的轉換},},
};

報錯時候的配置：
報錯提示：

[Failed to load PostCSS config: Failed to load PostCSS config (searchPath: E:/學習文件夾/Vue3相關/fy-trip): [ReferenceError] module is not defined in ES module scope
This file is being treated as an ES module because it has a '.js' file extension and 'E:\學習文件夾\Vue3相關\fy-trip\package.json' contains "type": "module". To treat it as a CommonJS script, rename it to use the '.cjs' file 
extension.
ReferenceError: module is not defined in ES module scope
This file is being treated as an ES module because it has a '.js' file extension and 'E:\學習文件夾\Vue3相關\fy-trip\package.json' contains "type": "module". To treat it as a CommonJS script, rename it to use the '.cjs' file 
extension.at file:///E:/%E5%AD%A6%E4%B9%A0%E6%96%87%E4%BB%B6%E5%A4%B9/Vue3%E7%9B%B8%E5%85%B3/fy-trip/postcss.config.js:2:1at ModuleJob.run (node:internal/modules/esm/module_job:262:25)at async ModuleLoader.import (node:internal/modules/esm/loader:475:24)at async importDefault (file:///E:/%E5%AD%A6%E4%B9%A0%E6%96%87%E4%BB%B6%E5%A4%B9/Vue3%E7%9B%B8%E5%85%B3/fy-trip/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:29220:18)at async Object.search (file:///E:/%E5%AD%A6%E4%B9%A0%E6%96%87%E4%BB%B6%E5%A4%B9/Vue3%E7%9B%B8%E5%85%B3/fy-trip/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:21476:42)]Node.js v22.2.0

使用下面這個

export default{plugins: {'postcss-px-to-viewport': {unitToConvert: 'px', // 要轉換的單位viewportWidth: 750, // 設計稿寬度selectorBlackList: ["favor"],exclude: [/node_modules\/vant/] // 這里排除對vant的轉換}}
}

一、安裝插件：postcss-px-to-viewport

$ npm install postcss-px-to-viewport --save-dev

二、自己創建portcss.config.js文件，和package.json平級

完成。