如何使用顺风发髻

Tay*_*len 4 reactjs tailwind-css bun

我正在使用Bun.sh创建一个 React 应用程序。

但我也使用 tailwindcss 进行造型,而 tailwind 对于发髻没有官方解决方案。如何将这两者结合使用?

我知道面包还没有准备好生产,但如果可能的话,我仍在寻找解决方案。

tir*_*ats 11

bun run您可以通过使用后跟库名称来运行 javascript 文件(或 package.json 脚本或 bin 文件) 。

对于您的情况,首先将 tailwindcss 包添加到您的项目中: bun add -d tailwindcss

然后像这样初始化tailwind css bun run tailwindcss init

这应该将 tailwind.config.js 文件添加到您的项目中。


小智 5

要将 Tailwind 与 Bun 结合使用,请使用 Tailwind CLI 并导入已处理的 .css 文件。了解更多: https: //tailwindcss.com/docs/installation

npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch
Run Code Online (Sandbox Code Playgroud)

或者

bun tailwindcss -i ./src/input.css -o ./dist/output.css --watch
bun run tailwindcss -i ./src/input.css -o ./dist/output.css --watch
Run Code Online (Sandbox Code Playgroud)

在主文件中使用该 output.css 即可完成!