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

来自控制台的消息

Uncaught TypeError: _functions__WEBPACK_IMPORTED_MODULE_3___default.a.test is not a function

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

Use different file with functions in Webpack