作者:燕过无痕GY_274 | 来源:互联网 | 2023-01-11 11:31
默认情况下,GatsbyJS正在推动使用css模块和自定义css-in-js库,如迷人和排版
不幸的是,我正在将现有网站移植到使用传统全球样式表的GatsbyJS.将所有现有HTML-CSS工具转换为CSS模块的工作是一件苦差事.
我目前的黑客是更新GatsbyJS html.js
并添加一个
到标题.我style.old.css
生活在/public
这里,然而,当构建运行时,它会被消灭.
我希望有一个插件来支持这一点,但似乎Gatsby团队正在劝阻全球CSS,这对新项目来说是可以理解的.
我试图编写一个插件来添加它,但是找到了有关如何编写"样式插件"的有限资源.
1> ooloth..:
你很亲密!
相反配售style.old.css
中/public
,将其放置在/layouts
.然后,只需将其导入/layouts/index.js
如下:
import './style.old.css'
当你启动一个新的gatsby项目(gatsby new project-name
)时,你会注意到该index.css
文件/layouts
夹中的一个文件,layouts/index.js
默认导入该文件.只需按照此示例添加您自己的全局样式表.
一般来说,你不应该/public
直接放置任何东西.如果您想静态文件中,以最终/public
文件夹,创建一个/static
文件夹,并把他们在那里(盖茨将在复制任何文件/static
到/public
你).