我正在尝试创建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配置,例如别名。完成此操作的最佳做法是什么?