导出由webpack构建的模块

Question

我正在编写3个模块作为npm模块发布

• 管理员（具有核心依赖项）
• 成员（具有核心依赖性）
• 核心

core中的package.json：

{
...
"main":"dist/bundle.js"
}

管理员中核心的使用情况：

import core from "core"

所有模块都是由webpack构建的。

问题是，如果我使用webpack构建Core ，生成bundle.js并让Admin导入bundle.js很多库将被复制。

例如Angular，bootstrap等。

我现在正在做的是在admin导入条目文件src/index.js

core中的package.json：

{
...
"main":"src/index.js"
}

管理员中核心的使用情况：

import core from "core"

但是webpack无法正确解析core某些依赖关系，例如，我在core模块中的webpack.config.js中设置了多个根目录，以便可以进行一些简短的导入。

root: [
      path.resolve(__dirname, './src/'),
      path.resolve(__dirname, './src/directives')
]
// instead of relative path
import "../../myDirective.js" 
// I can use 
import "myDirective.js"; // where myDirective.js is under "src/directives/myDirective.js", but this fails when I try to build `admin` module.

webpack是否有更简单的方法来构建npm-modules以便于导入？

Core: depends on angular, bootstrap, core.js
Admin: depends on angular, bootstrap, admin.js, includes core as a module

Answer 1

这对我来说也很有趣。 我建议可以通过设置webpack的库选项来完成。