如何解决如何在不破坏现有样式的情况下将 tailwindcss 添加到我的 Phoenix 项目?
将 tailwindcss 添加到我的 Phoenix 项目似乎破坏了很多样式。比如这里是添加tailwindcss之前的按钮:
这是之后:
如何在不破坏现有样式的情况下获得顺风的好处?
解决方法
我找到了以下权宜之计:使用 https://tailwindcss.com/docs/installation 中标题为“在没有 PostCSS 的情况下使用 Tailwind”的部分中描述的方法。
cd assets/static
mkdir -p css
cd css
npx tailwindcss-cli@latest build -o tailwind.css
在包含 <head>
标记的文件(例如 root.html.leex
)中插入以下代码段:
<link href="<%= Routes.static_path(@conn,"/css/tailwind.css") %>" rel="stylesheet">
我把它放在上面得到了最好的结果
<link rel="stylesheet" href="<%= Routes.static_path(@conn,"/css/app.css") %>"/>
否则 Tailwind 会覆盖 Phoenix 附带的一些样式。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。