如何从一个 NPM 包导出多个 ES6 模块?

当您需要从一个NPM包中导出多个ES6模块时，最佳做法是使用ES6的命名导出特性。这允许您从同一个文件中导出多个变量或函数，并在导入时选择性地导入需要的部分。

下面是一个简单的例子，用于说明如何从一个NPM包中导出多个模块。

假设您有一个名为utils.js的文件，其中包含多个实用函数：

javascript
// utils.js

// 导出函数multiply
export const multiply = (a, b) => {
  return a * b;
};

// 导出函数sum
export const sum = (a, b) => {
  return a + b;
};

// 导出常量PI
export const PI = 3.14159;

在上面的utils.js文件中，我们使用了命名导出（export关键字）来导出三个模块：两个函数multiply和sum，以及一个常量PI。

当其他开发者想要在他们的项目中使用这个NPM包时，他们可以选择性地导入这些模块。例如：

javascript
// otherFile.js

// 导入特定的函数
import { multiply, sum } from 'your-npm-package/utils';

// 使用导入的函数
const resultMultiply = multiply(2, 3);
const resultSum = sum(2, 3);

或者，如果他们想要导入全部的命名导出，他们可以使用星号（*）操作符，并为这些导出提供一个名字：

javascript
// anotherFile.js

// 导入utils中所有的导出
import * as Utils from 'your-npm-package/utils';

// 使用导入的模块
const resultMultiply = Utils.multiply(4, 5);
const resultSum = Utils.sum(4, 5);
const valueOfPI = Utils.PI;

这种方法的好处是它让代码的维护者明确知道哪些功能被使用了，同时允许他们根据需要选择导入的模块，这可以帮助保持最终打包文件的体积尽可能的小。

请注意，要使上述utils.js模块能够在NPM包中使用，您需要确保您的package.json文件中正确设置了入口点。例如：

json
{
  "name": "your-npm-package",
  "version": "1.0.0",
  "main": "index.js",
  "type": "module",
  // ... 其他设置 ...
}

在这里，"main": "index.js"指定了NPM包的入口点文件。确保从入口点正确地导出所有必要的模块，或在入口点文件中重新导出utils.js文件的内容。例如，如果您的入口文件是index.js，您可以在其中导出utils.js文件中定义的模块：

javascript
// index.js

export { multiply, sum, PI } from './utils';

这样，其他开发者就可以通过您的NPM包名直接导入这些模块：

javascript
// example.js

import { multiply, sum } from 'your-npm-package';

注意：上面的路径'your-npm-package'是一个占位符，实际使用时应该替换为您的NPM包名。