使用mix时，为什么自己写的 js 函数在调用时提示没有定义

webpack.mix.js文件的内容：

mix.js('resources/js/app.js', 'public/js')
    .postCss('resources/css/app.css', 'public/css', [
        require('tailwindcss'),
    ]);

对应的resources/js/app.js文件内容：

console.log('666');// 控制台可以输出

// 自己定义了一个函数
function echo_str() {
    console.log('555');
}

html页面引入这个 js 文件后，在调用 echo_str(); 时提示 is not defined ，请问这是为什么呢？