创建React应用程序在我希望它们作为内联样式标记时创建*.chunk.css
我正在使用CRA2构建我的项目。有些地方有css导入,比如创建React应用程序在我希望它们作为内联样式标记时创建*.chunk.css,css,reactjs,create-react-app,Css,Reactjs,Create React App,我正在使用CRA2构建我的项目。有些地方有css导入,比如 import 'common.css' 或者图书馆CSSE,比如 import 'librabry/dist/lib.min.css' 我希望它们作为内联标签包含,而不是创建css文件,关于WebTool审计,它们是渲染块样式表 如何使用create react app导入样式表文件并将其作为内联标记移动?我可以问一下您为什么需要这样做吗?只是出于好奇。这是Lighthouse Audit建议的,如果我没有弄错的话,请求越少越好?但
import 'common.css'
或者图书馆CSSE,比如
import 'librabry/dist/lib.min.css'
我希望它们作为内联标签包含,而不是创建css文件,关于WebTool审计,它们是渲染块样式表
如何使用create react app导入样式表文件并将其作为内联标记移动?我可以问一下您为什么需要这样做吗?只是出于好奇。这是Lighthouse Audit建议的,如果我没有弄错的话,请求越少越好?但是如果我的内存没有捉弄我,CRA会在你实际构建生产应用程序时将你所有的CSS放在一个大的
.CSS
文件中。因此,这只是一个获取CSS的请求。也许有一个工具可以在构建过程中实现您想要的功能(将文件中的所有CSS插入内联style
attributes),但我不知道,抱歉。不幸的是,CRA2会为每次导入创建单独的CSS文件,这就是为什么我希望它们是内联的,特别是当它们实际上没有那么大的时候。你有什么解决办法吗?