Используйте другой файл с функциями в 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 не является функцией

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