生成单独的 CSS 文件与将 CSS 直接注入<style>标签(在构建 React 应用程序时)



我是React的新手,我想问:在配置webpack时,我应该使用style-loader还是mini-css-extract-plugin?我读到使用mini-css-extract-plugin更好地用于缓存目的,并且使用style-loader有时可能导致FOUC(无样式内容的Flash(,因为浏览器可能需要一些轻微的时间来加载JS。

这完全取决于您。

但是当你要做大项目的时候。管理代码将更加复杂。所以我建议你使用单独的css文件。

如果你想避免全局样式,你也可以通过使用css模块在react中做到这一点。要了解有关css模块的更多信息,请单击此处

也可以使用样式化组件编写类似scss的代码要了解有关样式化组件的更多信息,请单击此处

谢谢

最新更新