Taro项目中设置了设计稿尺寸

const config = {
projectName: ‘yida’,
date: ‘2021-12-27’,
//设计稿尺寸是375
designWidth: 375,
deviceRatio: {
640: 2.34 / 2,
750: 1,
828: 1.81 / 2,
375: 2 / 1
},
sourceRoot: ‘src’,
outputRoot: ‘dist’,
plugins: [],
defineConstants: {
},
copy: {
patterns: [
],
options: {
}
},
framework: ‘react’,
mini: {
postcss: {
“postcss-px-scale”: {
“enable”: true,
“config”: {
“scale”: 0.5, // 缩放为 1/2
“units”: “rpx”,
“includes”: [“taro-ui”]
}
},
url: {
enable: true,
config: {
limit: 1024 // 设定转换尺寸上限
}
},
cssModules: {
enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
config: {
namingPattern: ‘module’, // 转换模式，取值为 global/module
generateScopedName: ‘[name][local][hash:base64:5]’
}
}
}
},
h5: {
publicPath: ‘/’,
staticDirectory: ‘static’,
postcss: {
autoprefixer: {
enable: true,
config: {
“scale”: 0.5, // 缩放为 1/2
“units”: “rpx”,
“includes”: [“taro-ui”]
}
},
cssModules: {
enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
config: {
namingPattern: ‘module’, // 转换模式，取值为 global/module
generateScopedName: '[name][local]__[hash:base64:5]’
}
}
}
}
}

module.exports = function (merge) {
if (process.env.NODE_ENV === ‘development’) {
return merge({}, config, require(’./dev’))
}
return merge({}, config, require(’./prod’))
}
//如果设置完还会出现taro组件放大情况下主要下载

npm install postcss-px-scale （px值放大/缩小n倍）
注意：该插件依赖postcss.process(css, { from: file }) 或者使用postcss-loader自动注入file信息，请把该插件放置在px2rem类型的插件前执行