ES6多导出导入问题：使用create-index生成index.js后无法调用工具方法

你的问题核心在于模块导出和导入的匹配逻辑错误，咱们一步步拆解修复：

问题根源 #

你的/modules/utils.js里只有命名导出（func1、func2、func3），并没有定义default导出，但create-index自动生成的/modules/index.js却试图导入utils.js的default并命名为utils——这就导致你从./modules导入的utils实际上是undefined，自然无法调用它的方法。

解决方案 #

这里提供两种可行的修复方式，你可以根据自己的需求选择：

方案1：调整create-index配置，生成正确的聚合导出

create-index默认的导出逻辑更适配带default导出的模块，我们可以修改配置让它适配命名导出的场景：

1. 在项目的package.json中添加create-index自定义配置：

"create-index": {
  "transform": {
    ".js": "import * as {{basename}} from './{{basename}}.js'; export default {{basename}};"
  }
}

重新生成后，/modules/index.js会变成：

import * as utils from './utils.js';
export default utils;

2. 此时你在main.js里的原有代码就能正常工作：

import utils from './modules';
utils.func1(); // 现在可以正常调用啦

如果你偏好命名导出的风格，也可以把配置改成：

"create-index": {
  "transform": {
    ".js": "export * as {{basename}} from './{{basename}}.js';"
  }
}

生成的index.js会是：

export * as utils from './utils.js';

对应的main.js需要改成命名导入：

import { utils } from './modules';
utils.func1();

方案2：给utils.js添加默认导出

如果你不想修改工具配置，也可以直接在utils.js里补充default导出：

export function func1(){ ... }
export function func2(){ ... }
export function func3(){ ... }

// 把所有函数打包成对象作为默认导出
export default { func1, func2, func3 };

这样create-index生成的export { default as utils } from './utils.js';就能正确导出这个对象，你在main.js里的原有代码也能正常运行。

小建议 #

更推荐方案1，因为它能保持utils.js的纯命名导出风格，同时通过工具配置实现规范的模块聚合，更符合ES模块的设计理念。

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