程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了生成单独的 CSS 文件与将 CSS 直接注入 <style> 标签(构建 React 应用程序时)大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

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

开发过程中遇到生成单独的 CSS 文件与将 CSS 直接注入 <style> 标签(构建 React 应用程序时)的问题如何解决?下面主要结合日常开发的经验,给出你关于生成单独的 CSS 文件与将 CSS 直接注入 <style> 标签(构建 React 应用程序时)的解决方法建议,希望对你解决生成单独的 CSS 文件与将 CSS 直接注入 <style> 标签(构建 React 应用程序时)有所启发或帮助;

我是 React 新手,我想问:在配置 webpack 时@R_368_10675@用 style-loader 还是 @H_509_3@mini-css-extract-plugin?我读到使用 @H_509_3@mini-css-extract-plugin 更适合缓存目的,使用 style-loader 有时可能会导致 FOUC(无样式内容的 Flash),因为浏览器可能需要一些时间来加载 Js。

解决方法

这完全取决于您。

但是当您将要从事大型项目时。管理代码会更复杂。所以我建议你使用单独的 css 文件。

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

您也可以使用样式化组件编写 scss 之类的代码 了解有关样式组件的更多信息 click here

谢谢

大佬总结

以上是大佬教程为你收集整理的生成单独的 CSS 文件与将 CSS 直接注入 <style> 标签(构建 React 应用程序时)全部内容,希望文章能够帮你解决生成单独的 CSS 文件与将 CSS 直接注入 <style> 标签(构建 React 应用程序时)所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。