在Webpack中使用具有功能的其他文件

Question

我使用Laravel Mix来编译JS文件。我想将所有功能移到另一个名为functions.js.的文件中。在app.js中，我想包含此文件。

functions.js

var functions = {
  test: function() {
    console.log('test');
  }
}
exports = functions;

app.js

import functions from './functions';
functions.test();

来自控制台的消息

  

未捕获的TypeError：   _functions__WEBPACK_IMPORTED_MODULE_3 ___ default.a.test不是函数

Answer 1

functions.js

    module.exports = {
        test: function () {
            console.log('test');
        }
    }

app.js

  import functions from './functions';

  functions.test();

OR：

functions.js

const test = () => console.log('test');
const test2 = () => console.log('test2');

module.exports = { test, test2 };

app.js

import functions from './functions';

functions.test();
functions.test2();