1.前期通过TBF团队的react-web把公司的react-native项目转码成web端页面,具体操作请参考github:https://github.com/taobaofed/react-web,折腾一段时间后代码正确编译成功,还是有点小激动的……
2.but,打开页面icon无法显示,都是圈圈是什么鬼?后来查看github发现按如下设置可以正常显示,到https://github.com/driftyco/ionicons/tree/master/fonts,https://github.com/driftyco/ionicons/tree/master/css下载fonts,css文件,后放进项目中。
4.在index.web.js(如果没有就在你web start的文件)写上:
5.在webpack.config.js文件module中加入如下代码:正常情况下需要install style-loader和css-loader到项目中。
6.然后打包运行就可以了。如果图标显示不正确,可以到react-native-vector-icons中复制fonts文件夹内容放到原先下载的fonts文件夹中就可以了。如下图: