【文件属性】:
文件名称:babel-plugin-tailwind-components:将Tailwind与任何CSS-in-JS库一起使用
文件大小:47KB
文件格式:ZIP
更新时间:2021-01-30 02:57:16
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)