页面要同时支持pc与客户端，如何引入配置？

最近在做钉钉第三方开发，老板要求开发的页面要同时支持手机端和pc端，最近遇到了好多问题。
我之前的解决方案是：index.html我做了两套，一套引入pc的apijs,一套引入客户端的，html页面搞定了。里面跳转的js页面（就是使用react的）我都是在开头部分引用的，如下：

const Basejs = require('../../../api/client/config.js');
//const Basejs = require('../../../api/pc/config.js');
在buile的时候，都是手动去改这个引用，注掉一定放开一个。
但现在的页面越来越多的，每次上线pc和手机端的时候，都需要改一遍，特别的麻烦，想寻找一种解决方法，最好在页面引入一次就好，不要在里面做判断，是否可以用配置来解决。求指点。
我的config.js里，把方法都统一了，不一样的是方法内部的实现，所以在页面中直接使用Basejs .方法()，是没问题的，关键就看这个页面引的哪个config。
我希望的是：
1、在一个页面只引一次就好。
2、在某一个地方有一个配置，我通过在build前改一下配置就可以了。
本人是个小白，webpack、react大至上明白一些，希望给答安的时候能够详细一点，谢谢。或能指点一个努力的方向。