在 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();

来自控制台的消息

未捕获的类型错误： _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();

或者：

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();