Javascript Can'；t尝试为NPM模块导入别名为的组件

我为

NPM

创建了一个组件，并尝试通过导入到另一个项目来使用其子文件夹

我想这样使用它：

import {Tab} from '@components/Tabs'

已尝试在webpack.config下执行此操作：

"@components": path.resolve(__dirname, "../src/components"),
"@components-2": path.resolve(__dirname, "../dist"),

那么纱线是怎么形成的呢 并发布到NPM

但是这种结构不起作用

如果我下一步执行以下操作，它工作正常

import {Tabs} from 'components';
let {Tab} = Tabs;

我使用RCA 2.0弹出

主导出index.file如下所示：

import Component1 from "./Component1 ";
import Component2 from "./Component2";
import * as Tabs from "./Tabs";
export { Component1 , Component2, Tabs };

export { default as Tab } from "./Tab";
export { default as TabPanel } from "./TabPanel";
export { default as Tabs} from "./Tabs";

index.js选项卡文件如下所示：

import Component1 from "./Component1 ";
import Component2 from "./Component2";
import * as Tabs from "./Tabs";
export { Component1 , Component2, Tabs };

export { default as Tab } from "./Tab";
export { default as TabPanel } from "./TabPanel";
export { default as Tabs} from "./Tabs";

未找到模块：无法解析“…”中的“组件/选项卡/选项卡”

它试图在本地找到这个组件