react中jsx引入一個(gè)公共js文件，出現(xiàn)問(wèn)題

1.weboack.config.js

{
    test: /\.js$/,
    exclude: /node_modules/,
    loader: 'babel-loader',
    query: {
        presets: ['es2015', 'babel']
    }
},

2.common.js

var font={
    remFont:function(){
        alert(1)
    }
}
export default font

3.jsx

import font from '../common.js'

我是想在jsx文件中引入一個(gè)公共的js文件，但是現(xiàn)在頁(yè)面報(bào)錯(cuò)是

我查到的是因?yàn)閣ebpack.config里面的babel改成babel-loader,但是我的webpack.config一開(kāi)始就是babel-loader。想請(qǐng)問(wèn)這個(gè)什么原因?qū)е碌模?/p>