我有一个使用create-react-app创建的项目，我没有更改默认的webpack配置。我使用的是第三方组件，它在内部导入了几个CSS文件。
（在我的组件中）
import OwlCarousel from 'react-owl-carousel';
（内部反应 - 猫头鹰 - 旋转木马）
import "owl.carousel/dist/assets/owl.carousel.min.css";
import "owl.carousel/dist/assets/owl.theme.default.min.css";
我还导入自定义样式以覆盖默认值 （也在我的组件中，低于第三方组件导入）
import '../styles/pages/home.css';
在开发模式下一切正常，两个CSS文件都包含在单独的<style>标记中。但是，当我构建生产包时，dist文件没有添加到那里，它们仍然作为<style>标签加载，而我的CSS文件与其他项目CSS文件捆绑在一起。主CSS包在<style>之前加载，使得覆盖无用。
当我直接从我的组件导入相同的样式时，它们捆绑得很好，但问题仍然存在，因为它们再次从第三方组件加载。
是否可以捆绑组件中的样式？他们在那里硬编码，我无法删除他们的导入。如果它无法正常工作，我是否可以至少更改代码顺序，在<style>代码之后使CSS捆绑最后？