文件名称:babel-plugin-tailwind-components:将Tailwind与任何CSS-in-JS库一起使用
文件大小:47KB
文件格式:ZIP
更新时间:2024-02-19 20:43:56
css babel babel-plugin css-in-js tailwind
babel-plugin-tailwind-components 将与任何CSS-in-JS库一起使用 先决条件 在开始使用babel-plugin-tailwind-components之前,需要确保您具有。 您可以从获取默认配置。 将配置文件作为tailwind.js放置在项目根目录中。 或者,您可以在指定其他文件名。 安装 有两种使用babel-plugin-tailwind-components的方法。 推荐的方法是通过 : npm install --save-dev babel-plugin-macros tailwind.macro 注意: 只是的别名 然后将babel-plugin-macros添加到您的babel配置中: { "plugins" : [ "macros" ] } 注意:如果您尚未安装@babel/plugin-syntax-object-rest-spread则还需要安装并启用它 现在,您可以通过导入tailwind.macro将Tailwind类与首选CSS-in-JS库一起使用: import styled from 'styled
【文件预览】:
babel-plugin-tailwind-components-master
----.gitignore(33B)
----README.md(6KB)
----LICENSE(1KB)
----package.json(1KB)
----src()
--------macro.js(634B)
--------dynamic-styles.js(4KB)
--------index.js(3KB)
--------static-styles.js(8KB)
--------visit.js(9KB)
----package-lock.json(217KB)