利用Webpack 3中的本地库

Question

我有一个类似于以下的文件夹结构：

+Module
+-Source
+--A bunch of stuff
+-package.json
+Website
+-package.json

该网站是Angular内置的开发网站，用于帮助构建图书馆。以前它是使用SystemJS设置的，我有一个gulp任务将文件从Module/Source复制到网站的node_modules/Module。它工作得很好;使用SystemJS的实际客户端站点能够通过标准npm install加载包。

现在我正在尝试将开发站点转换为webpack。我可以离开gulp任务但这将是我的最后一项任务。此外，我的理解是webpack应该能够处理这个问题。

不幸的是，我尝试过以下方法但没有成功：

1. npm link到“模块”
   • 构建，但我收到运行时错误，说它无法找到Angular的路由器

2. 将“../Module/Source”添加到我的webpack配置的resolve项目

   resolve: {
      modules: [
        '../Module/Source',
        'node_modules'
      ],
      extensions: ['.ts', '.scss', '.html']
   }
   

   • 这导致webpack构建完全忽略了我的库。它很快就完成并抛出一堆无法解析库中符号的错误
   • 我尝试使用和不使用扩展数组并使用相同的结果向“Source”添加尾部斜杠
   • 最初我得到了这种工作（不确定如何），但它抱怨了node_modules的多个实例（我还没有“Source”文件夹）。我无法使用“Source”文件夹获取任何信息。
3. 使用“CopyWebpackPlugin”执行gulpfile最初执行的操作。这可能会有效，但我无法找到插件的正确选项。

我想知道为此配置webpack的正确方法是什么，以及我需要使用什么语法才能使其工作。