react中jsx引入一個公共js文件，出現(xià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文件中引入一個公共的js文件，但是現(xiàn)在頁面報錯是

我查到的是因為webpack.config里面的babel改成babel-loader,但是我的webpack.config一開始就是babel-loader。想請問這個什么原因?qū)е碌模?/p>