文件名称：jss-to-styled-components:Babel codemodscript可帮助将大型代码库从react-jss迁移到样式化组件
文件大小：255KB
文件格式：ZIP
更新时间：2024-06-01 03:31:13
react styled-components reactjs react-jss JavaScript
jss到样式化的组件 Babel codemod旨在从react-jss迁移到样式化组件。 动机 经过1-2年的react-jss开发后，我们的大型代码库React切换到了流行CSS-in-JS livrary styled-components 。 对于react-js并没有什么难过的感觉，因为此举的主要原因是在我们产品的技术堆栈中实现一致性，因为我们是唯一使用js的人。 那可能是故事的结局。 “较旧的”代码将与Jss和平共处，而新的代码将使用样式化组件。 但是，如果我们可以编写一个可以自动进行迁移的脚本怎么办？ 看看会发生什么，这似乎是一项压倒性的复杂任务。 输入Babel，codemods和AST。 安装 分叉/克隆此仓库 安装依赖项 跑步 从此仓库的根目录运行CLI $ node ./src/cli.js -f 'path/to/your/file.js' 如果使用com
【文件预览】：
jss-to-styled-components-master
----.gitignore(14B)
----.babelrc(137B)
----package.json(999B)
----src()
--------testPlugin.js(615B)
--------cli.js(2KB)
--------babel-plugin-jss-to-styled-components.js(11KB)
--------utils()
--------jss-to-styled-components.test.js(6KB)
--------jss-to-styled-components-2.test.js(982B)
--------processCss.js(2KB)
--------__snapshots__()
--------runBabelPlugin.js(1KB)
----assets()
--------360.css(19KB)
--------jss-to-styled-components.png(127KB)
--------360-mini.css(435B)
----.eslintrc.js(284B)
----README.md(4KB)
----tests()
--------index.js(114B)
--------HeaderFooterCard.js(930B)
--------sub()
----babel.config.js(182B)
----.prettierrc(69B)
----yarn.lock(281KB)