Webpack编码，功能未定义

Question

我正在使用webpack encore和symfony4。

我在一个名为functions.js的js文件中有一些函数，但是执行脚本时在控制台中出现此错误：

  

Hello Webpack Encore！在asset / js / app.js中编辑我！

     

未捕获的ReferenceError：未定义hideLoadingDiv

     

在Object.success（fiche-form-v3.js：243）

这是 functions.js 文件：

//assets/src/front/javascripts/functions.js

export function hideLoadingDiv() {
    $("#divLoading").hide();
}
// .... others functions

这是 global.js 文件：

// assets/js/global.js
import '../src/front/javascripts/functions.js';
import '../src/front/javascripts/fiche-form-v3.js';

这是 app.js 文件

import '../css/app.css';

import '../js/global.js';

const $ = require('jquery');

console.log('Hello Webpack Encore! Edit me in assets/js/app.js !!');

import {hideLoadingDiv} from "../src/front/javascripts/functions";

$(document).ready(function () {
    hideLoadingDiv();
});