多个angular4模块的通用代码

Question

我们公司的情况是在一个Intellij项目中有多个angular4模块。在所有这些模块中，存在当前正在复制的公共代码，例如：

1. 角度组件（以及其他角度伪像，如指令和服务）。
2. 资产 - 类似图像和字体。
3. 依赖关系 - 比如node_modules中的bootstrap（和其他）。

我的问题是我们如何重新排列模块，以便我们有一个共同的位置（可能是同一个项目中的常见intellij模块？），以便所有常用代码都驻留在哪里？

显然，编辑器仍然必须继续正确地建议完成（来自特定模块和公共模块），并且webpack应该继续正确构建。

Answer 1

您可以为公共部件创建单独的静态Web模块。但请注意，Idea模块之间解析的类型仅适用于依赖模块：每个角度模块都应依赖 common-module 来解析 common-module 中的函数。创建依赖静态Web模块的唯一方法是在Settings | Languages & Frameworks | JavaScript | Libraries，Add...，Add files中添加 JavaScript库：，选择 common-模块目录，其中包含您要引用的函数，然后在Manage scopes对话框中确保将此库附加到引用该函数的模块。

另一种选择是将此公共文件夹作为单独的内容根添加到每个Web模块：Project Structure | Modules，选择您的模块Add content root，选择公共代码所在的文件夹。

  

webpack应该继续正确构建。

Webpack对IDEA模块/项目结构一无所知，它处理路径。