【React-Native】批量引入svg并导出脚本

---

前言

在Rn中无法直接引用svg图片，我们习惯用react-native-svg或react-native-svg-transformer来帮助我们使用svg图片。 用法：

import About from './svg/about.svg';
<About width={
   10} height={
   10} />

由于每个svg图片都需要引入，就会造成每个页面代码都是一大串的svg引入。因此想写一个文件能导入所有的svg并导出，这样在使用的时候只需要引入该文件。

---

一、新建一个js文件用于生成导出文件

读取svg文件夹下的svg生成svg导出文件

//  getSvg.js 读取svg文件夹下的svg生成svg导出文件
var fs = require('fs');
var path = require('path');
//存放svg文件的文件夹路径
const svgDir = path.resolve(__dirname, './svg');

// 读取SVG文