webpack - 带有 webpack 的 monorepo（如何在构建中包含资产）

Question

我正在尝试创建包含使用 typescript 和 sass 构建的组件的 monorepo。文件夹结构如下所示：

- packages
    - components
        - src
            - Slider
                - Slider.ts
                - Slider.scss
            - Modal
                - Modal.ts
                - Modal.scss
        - webpack.config.js
    - app1
        - src
            - index.ts (imports `components`)
        - webpack.config.js
    - app2
        - src
            - index.ts (imports `components`)
        - webpack.config.js

我想在 app1 和 app2 中使用组件。我尝试的是构建组件DllPlugin并在 app1 和 app2 中引用它DllReferencePlugin，它适用于打字稿文件，但是 scss、图像、字体和其他资产呢？在构建 app1 或 app2 时，我希望他们的 dist 文件夹包含来自组件的所有资产。我不直接导入components/src/Modal没有 dll 插件的原因是 components 文件夹可能有不同的 webpack 配置，例如别名。实现这一目标的最佳做法是什么？