#tailwind #yew #css #wasm

app tailwind-yew

在现有的 Yew 项目中设置 tailwind css

6 个版本

0.1.5 2023 年 10 月 27 日
0.1.4 2023 年 9 月 30 日
0.1.3 2023 年 8 月 20 日
0.1.1 2022 年 12 月 4 日

命令行实用工具 中排名第 937

Download history 9/week @ 2024-03-17 3/week @ 2024-03-24 7/week @ 2024-03-31 57/week @ 2024-04-07

每月下载量 56

MIT 许可证

15KB
290

Tailwind Yew CLI

轻松将最新版本的 Tailwind CSS 集成到现有的 Yew 项目中。

安装

通过执行以下命令安装 Tailwind Yew CLI

cargo install tailwind-yew

用法

要开始使用,请使用您首选的选项运行以下命令。默认选项如下

tailwind-yew add -p styles -i input.css -o output.css

您也可以简单地运行

tailwind-yew add

执行命令后,您将被提示选择您平台的可执行文件。

CLI 将负责设置所有必要的步骤,以无缝地将 Tailwind CSS 集成到您的 Yew 项目中。这包括构建 Tailwind 可执行文件、创建样式目录和添加必要的 HTML 链接。您的项目将准备好使用 Tailwind CSS。

对于持续开发,使用 watch 标志运行生成的可执行文件以保持流畅的开发工作流程

./tailwindcss -i styles/input.css -o styles/output.css # or replaces with your input and output directory if you need not pick the defaults

这将使您能够观察实时变化,并确保您的 Yew 项目的样式始终与 Tailwind CSS 的力量保持一致和最新。

查看创建的 tailwind_info.md 以获取更多信息,因为它会动态生成您选择的路径。现在去创建一些真正酷的东西吧 💪!

Options:
  -p, --path <PATH>                Optional - Path for the tailwind input and output css files [default: styles]
  -i, --input-name <INPUT_NAME>    Optional - Input css name You must add the extension ie. [my_input.css] - [default: input.css]
  -o, --output-name <OUTPUT_NAME>  Optional - Output css name You must add the extension ie. [my_output.css] - [default: output.css]
  -h, --help                       Print help information                    Print help information

依赖项

~5–17MB
~153K SLoC