javascript - 如何将函数导入 Vue 组件？

我正在尝试将单个函数导入我的 Vue 组件。我为我的函数创建了一个单独的 js 文件:

randomId.js:

exports.randomId = () => //My function ...

在我的 Vue 组件中，我导入了 Random js:

let randomId = require('../functions/randomId');
randomId();

但是 Webpack 会抛出“randomId 不是函数”的错误。
我尝试使用导入语法导入文件，但错误仍然存​​在。

import randomId from '../functions/randomId';

我应该使用其他一些方法来导入单个函数吗？我对 Webpack 和 JS6 比较陌生。

最佳答案

更改您的功能模块以正确使用 ES6 导出:

export function randomId() { /*My function ...*/ }

然后使用 ES6 命名导入:

import { randomId } from '../functions/randomId';