javascript - Babel/webpack 依赖项

Question

我有一个私有(private)库，已转换为使用 es6 和 webpack。如何以可以导入整个源代码树的方式包含此库？

图书馆看起来像这样:

移植库

src/dir1/Class1.js
src/dir1/Class2.js

我的应用程序如下所示:

申请

src/app.js
src/app2.js
node_modules/portedlib/src/dir1/Class1.js
node_modules/portedlib/src/dir1/Class2.js

对于内部导入，我可以使用相对路径:import {app2} from './app2 对于库导入，我导入一个文件:import moment from 'moment'

如何从 portedlibrary 导入各个类？

当我尝试通过 import {Class1} from 'portedlib' 导入类时，出现以下错误: 找不到模块:错误:无法解析...中的“portedlibrary”

Answer 1

将每个默认导出重新导出为另一个文件中的命名导出(例如 index.js，以便您可以通过其名称引用该库):

// node_modules/portedlib/index.js
export { default as Class1 } from './src/dir1/Class1'
export { default as Class2 } from './src/dir1/Class2'

然后导入它们:

import { Class1, Class2 } from 'portedlib'