一個含有多個變量的js文件，其中的變量如何能被多個文件引用？

描述：
由于是項(xiàng)目升級，不想做太多改動，該js文件里變量原定義形式是：
含有大量的變量聲明：
如：
var aaa='變量1'；
var bbb='變量2'；
var ccc='變量3'；
var ddd='變量4'；
...

如何將這些公用的變量放到項(xiàng)目（vue項(xiàng)目或者ember項(xiàng)目）的某個位置，使其能被其它文件引用？并如何被引用？

已知一種方法：
可以新建一個common.js，common.js中export一個對象，然后將你全局用的變量放在這個對象里面就行了。
common.js:export default {a:[1,2,3]}
main.js:import commonJs from ./common.js
在mian.js中把commonJs掛在windown上面window.commonJs = commonJs
在組件中就可以commonJs.a訪問到這個數(shù)組了

但這種方法我需要對原來的代碼改稱鍵值對的形式，我覺得這樣的改動好像不小，請問還有沒有其它方法？