带sass & svg变压器的Metro extend @expo/metro-config
带sass & svg变压器的Metro extend @expo/metro-config
提问于 2022-01-25 13:23:40
我无法在用expo创建的React本地项目中运行eas build -p android。我得到的是：
看起来，您使用的是一个自定义的metro.config.js，它不扩展@expo/metro。
我的metro.config.js文件：
const { getDefaultConfig } = require('@expo/metro-config');
module.exports = (async () => {
const {
resolver: { sourceExts, assetExts }
} = await getDefaultConfig(__dirname);
return {
transformer: {
babelTransformerPath: require.resolve('./transformersBundle.js')
},
resolver: {
assetExts: assetExts.filter(
(ext) => ext !== 'svg' && ext !== 'scss'
),
sourceExts: [...sourceExts, 'svg', 'scss', 'sass']
}
};
})();transformersBundle.js代码：
var sassTransformer = require('react-native-sass-transformer');
var svgTransformer = require('react-native-svg-transformer');
module.exports.transform = function ({ src, filename, options }) {
if (filename.endsWith('.scss') || filename.endsWith('.sass')) {
return sassTransformer.transform({ src, filename, options });
} /* if (filename.endsWith('.svg')) */ else {
return svgTransformer.transform({ src, filename, options });
}
};回答 1
Stack Overflow用户
回答已采纳
发布于 2022-05-24 11:13:37
您返回一个新配置，但必须对其进行扩展。就像这样：
module.exports = (async () => {
const config = await getDefaultConfig(__dirname);
const { transformer, resolver } = config;
config.transformer = {
...transformer,
babelTransformerPath: require.resolve('./transformersBundle.js'),
};
config.resolver = {
...resolver,
assetExts: resolver.assetExts.filter((ext) => ext !== 'svg' && ext !== 'scss'),
sourceExts: [...resolver.sourceExts, 'svg', 'scss', 'sass'],
};
return config;
})();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70849381
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号