Используйте другой файл с функциями в Webpack

#npm #webpack #laravel-mix

#npm #webpack #laravel-mix

Вопрос:

Я использую 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 не является функцией

Ответ №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();