How change require to import with key in ES6?

在ES6中，导入具体的值或者功能可以使用import语句来完成。这种方式被称为具体导入（named imports）。具体导入允许您从模块中选择需要的部分，而不是整个模块。这有助于确保代码的轻量化，只导入需要的部分。

具体导入的基本语法如下：

javascript
import { 导入的值名称 } from '模块路径';

这里的“导入的值名称”应该是在导出模块时定义的名称。

举个例子，假设我们有一个名为 mathFunctions.js 的文件，里面定义了多个函数，如下：

javascript
// mathFunctions.js
export function add(x, y) {
    return x + y;
}

export function subtract(x, y) {
    return x - y;
}

如果你只想导入add函数使用，可以按照以下方式导入：

javascript
import { add } from './mathFunctions.js';

console.log(add(2, 3));  // 输出：5

如果需要导入多个具体的值，可以使用逗号分隔它们：

javascript
import { add, subtract } from './mathFunctions.js';

console.log(add(5, 3));        // 输出：8
console.log(subtract(5, 3));   // 输出：2

这种导入方式提高了代码的可读性和维护性，同时也让导入过程更加明确和直接。