Question

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

管理员（核心有依赖关系）
会员（核心有依赖）
核心

核心中的

package.json：

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

在管理员中使用核心：

import core from "core"

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

问题在于，如果我使用webpack构建Core，生成bundle.js，并Admin导入bundle.js将会复制许多库。

E.g。角度，引导等..

我现在正在做的是导入src/index.js

中的条目文件admin 核心中的

package.json：

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

在管理员中使用核心：

import core from "core"

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

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的library options。

来完成

导出由webpack构建的模块

1 个答案: