在开发中包含其他 ES6 模块

【问题标题】：Including other ES6 modules in development在开发中包含其他 ES6 模块
【发布时间】：2016-10-24 10:07:18
【问题描述】：

我正在开发一个 React 组件，它依赖于我也在开发的一个 ES6 组件，这是我首先编写的。

在我处理第二个组件时，在开发时包含此内容的正常方法是什么。显然，如果依赖关系在 NPM 中，它将在我的 node_modules 中，我只需导入它。

我不想通过路径引用它，因为我每次提交或发布时都必须删除该路径。

是否有任何东西可以监视模块 A 中的更改并更新模块 B 中的依赖版本？

【问题讨论】：

你看过使用webpack吗？
啊，还没看。因此，您似乎可以进行开发和生产配置..这将解决我的问题！
也许我可以在 package.json 中执行此操作； "devDependencies": { "bar": "file:../foo/bar" } 那是“正常”吗？不知道为什么我投了反对票？
您的 ES6 组件是否在单独的目录中？是否发布到 NPM？

【解决方案1】：

你的 React 组件和 ES6 组件是独立的模块吗？

如果是这样，您可以使用npm link。

首先，转到您的 ES6 组件目录并运行 npm link。这将在你的 Node 包中设置一个符号链接到你的组件的本地版本。

然后，进入您的 React 组件目录并运行 npm link <es6-component-name>。这将在您的 node_modules 中创建一个符号链接，指向您的 ES6 组件的链接版本。

显然，这只适用于本地开发。如果你想分发你的 React 组件并让它分别依赖于你的 ES6 组件，你需要将它们单独发布到 NPM 并添加一个作为另一个的dependency。

【讨论】：