简介
hyper-fela 是一个基于 Fela 的 HyperTerm 主题，可以让你轻松定制自己的 HyperTerm 主题。Fela 是一个基于 React 的高效 CSS-in-JS 库，可以帮助你轻松维护复杂的界面样式代码。
安装 hyper-fela
要开始使用 hyper-fela，你必须先从 npm 上安装这个包。可以在终端中运行以下命令：
npm install hyper-fela
使用 hyper-fela
要使用 hyper-fela，你需要在 ~/.hyper.js 文件中添加以下配置：
-- -------------------- ---- -------
-------- -
-------------
--
------- -
---------- -
-- --------
--
-接下来，你可以在 hyperFela 对象中添加 Fela 的插件和样式，例如：
-- -------------------- ---- -------
------- -
---------- -
-------- -
----------------------------------
-----------------------------
--
------ ----- -- --
---------------- -------
------ -------
----------- ----- ------
--------- -------
----------- ----
-------- -------
---------------------------- -
---------------- -------
--
---- -
------ -------
----------- -------
--------------- ------------
--
-- ------------------- -
---------------- -------
------ -------
--
-- ----------- -
------------- ---- ----- ------
--
-- ---------- -
------- -------
--
-- ------------- -
----------- -------
--
---
--
--在样式中使用 props 参数可以通过 Fela 生成动态样式，例如：
style: props => ({
color: props.color,
}),现在，你可以重新启动 HyperTerm 并查看你的新主题了！
结语
hyper-fela 可以让你在 HyperTerm 中快速构建自己的主题，同时还能了解到如何使用 Fela 来管理复杂的 CSS 样式。学习使用 hyper-fela 对于前端工程师来说是一个很有收获的经验，建议大家都给这个 npm 包一个尝试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d2b81e8991b448dae29