ES6中如何为多个导入函数设置统一别名？（Turf库场景）

嘿，这个问题我刚好折腾过！想要既按需导入Turf的少量函数减小打包体积，又保留turf这个统一别名来调用？其实很简单，用个小技巧就能搞定👇

正确实现方式 #

你可以手动把按需导入的函数包装成一个自定义的turf对象，这样既满足树摇（tree-shaking）的要求，又能继续用turf.xxx()的方式调用：

// 只导入你需要的函数
import { getCoords, nearestPoint } from "@turf/turf";

// 创建自定义的turf别名对象，挂载导入的函数
const turf = {
  getCoords,
  nearestPoint
};

// 之后就可以和之前一样正常调用了
const myCoords = turf.getCoords(...);
const myNearestPoint = turf.nearestPoint(...);

为什么你之前的写法失效？ #

你尝试的import { getCoords, nearestPoint } as turf是错误的语法：as关键字在这里只能用于单个导入项重命名，或者给整个模块导入设置别名，没办法直接给多个解构出来的函数统一设置别名。

额外提示 #

如果后续需要新增Turf的其他函数，只需要两步：

• 在import语句里添加对应的函数名
• 在自定义turf对象里新增该函数的挂载

这种方式能让打包工具（比如Webpack、Vite）精准识别你用到的代码，把未使用的Turf模块全部剔除，完美达到减小打包体积的目的。

内容的提问来源于stack exchange，提问作者mlb