README

一个简单的标签，用于在Statamic 4+的开发环境中嵌入Tailwind CDN、Tailwind配置和网站CSS

功能

此插件允许您在 <head> 中使用 {{ tailwind_dev_mode }} 标签，不仅包括Tailwind的CDN URL，还可以在浏览器中内联包含项目的 tailwind.config.js 和 site.css。这意味着您可以在浏览器中做出任何更改，同时仍然保留从Tailwind配置和网站CSS中所有自定义设置。

当项目 .env 中的环境设置为 production 时，此标签会自动关闭。

如何安装

从您的项目根目录运行以下命令

composer require godismyjudge95/statamic-tailwind-dev-mode

如何使用

简单地在 <head> 中使用Tailwind开发模式标签

{{ tailwind_dev_mode }}

输出

< script src="https://cdn.tailwindcss.com"></script>
< script>
// Your tailwind.config.js here
</script>
<style type="text/tailwindcss">
/** Your resources/css/site.css **/ 
</style>

如果您的CSS路径不同于 resources/css/site.css，您可以传递 css 参数

{{ tailwind_dev_mode css="resources/css/tailwind.css" }}

godismyjudge95 / statamic-tailwind-dev-mode

维护者

详细信息

README

功能

如何安装

如何使用