你好,我正在创建一个大型 Laravel 应用程序。
我想创建一系列辅助函数(可能是 1000 个函数)以在应用程序内的模板和模块中使用。
做这些助手的最佳实践是什么?
在 React 项目中,最终用户可以使用工具生成 CSS。
我找到了如何生成 JS 对象并将其传递给style={}属性,但我想将生成的 JS 对象转换为 CSS 字符串,以便我可以保存它并在其他地方使用它。
我想将 JSObject 转换为 CSS:
JSObject [示例 - 输入]
JSObject: {
lineHeight: 1,
fontSize: 15,
padding: 0,
margin: 0,
msBoxShadow: '0 0 1px 1px #000',
MozBoxShadow: '0 0 1px 1px #000',
OBoxShadow: '0 0 1px 1px #000',
WebkitBoxShadow: '0 0 1px 1px #000',
boxShadow: '0 0 1px 1px #000'
}
Run Code Online (Sandbox Code Playgroud)
预期的 CSS [示例 - 输出]
.cssClass{
line-height: 1;
font-size: 15px;
padding: 0px;
margin: 0px;
box-shadow: rgb(0, 0, 0) …Run Code Online (Sandbox Code Playgroud)