我的react native项目中,想让react-native-postcss-transformer和react-native-svg-transformer第三方插件同时生效。在metro.config分别配置两顶时没有问题,但将两个配置合并到一个里时,却无法同时有效
试了多次,得出的结论是:
const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
module.exports = mergeConfig(defaultConfig, config);
mergeConfig无法配置(configA, configB, configC);
相同配置只会让后面覆盖前面,所以如果要配置多项的话,可以自己写个JS去处理,涉及代码如下:
// metro.config.js
const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
const defaultConfig = getDefaultConfig(__dirname);
const { assetExts, sourceExts } = defaultConfig.resolver;
/**
* Metro configuration
* https://facebook.github.io/metro/docs/configuration
*
* @type {import('metro-config').MetroConfig}
*/
const config = {
transformer: {
babelTransformerPath: require.res