带有webpack的monorepo(如何在构建中包含资产)

时间:2018-07-19 08:10:06

标签: webpack monorepo

我正在尝试创建monorepo,它将包含使用typescript和sass构建的组件。文件夹结构如下:

- 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构建组件,并使用DllReferencePlugin在app1和app2中引用它,它对于打字稿文件效果很好,但是scss,图像,字体和其他资产呢?构建app1或app2时,我希望它们的dist文件夹包括组件中的所有资产。我没有直接导入components/src/Modal而没有dll插件的原因是,components文件夹可能具有不同的webpack配置,例如别名。完成此操作的最佳做​​法是什么?

0 个答案:

没有答案