因为公司需要让研究云闪付小程序,一开始以为像微信小程序一样。打包后基本能改主体类名放各个平台上跑,然后在研究中发现云闪付官方开发者工具难用的一匹,简直找不出哪个IDE能与此匹敌了。首先找遍全网也查不到太多有助于开发的资料,在开发者工具中编译总报错,跳出工具在文件夹中通过npm命令能编译顺利。纠结好久也无法编译成功,发现平台也不要上传编译成功后的文件,哈哈就此放弃。还好找到一个出路,类似微信公众号那种,自己部署然后提供个链接审核,想了下毕竟这么小众的平台也没云服务器啥的烧不起这个钱,怎么可能给开发者放代码哈哈。然后从开发文档中发现它自带的UI,然后进行引入,然后接二连三出问题,整个人简直要烧裂开了如同那个快要爆开的爆米花。我和同事两个人为了报错找遍全网也找不到啥有用的资料案例,重新进行webpack配置吧,什么js语法识别不到,因为配置规则中引入官方让放的unionpay-ui位置没加入进去,然后加入一下,otf字库引入因为空格问题识别引入不到修改一下加个啥横线啥的就行了。
rules: [
{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('unionpay-ui'),resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
},]
搞了半天,终于看到如下图所示,简直高兴惨了。好了吐槽完了整个人舒服了。