我们如何从文件中导入一些函数而不是在 NextJs/React 中导入整个文件？答案

【问题标题】：How do we import some function from a file instead of importing whole file in NextJs/React?我们如何从文件中导入一些函数而不是在 NextJs/React 中导入整个文件？
【发布时间】：2020-11-25 15:42:43
【问题描述】：

例如，假设我们有两个文件：
文件 A -

export const a = () => {}
export const b = () => {}

现在，将其导入文件 B -

import { a } from 'path'

所以当我运行npm run analyze 时，它告诉我我正在将整个文件 A 导入文件 B。我想降低导入成本，有什么办法只能从文件中导入特定功能。

【问题讨论】：

尝试使用module.exports.a=()=>{}
它的 es5 语法。我写的是es6。

标签： javascript reactjs webpack import next.js

【解决方案1】：

这就是 Webpack 或 Rollup 等工具通常会做的事情。

https://webpack.js.org/concepts/

https://webpack.js.org/guides/code-splitting/

【讨论】：

我认为webpack是内置在next js中的，所以这里有什么解决方法吗？