如何使Tailwind-css与.php文件一起工作



我有一个问题,顺风css不能与php文件一起使用,但与html文件一样。当我将扩展名更改为.html时,它就开始工作了。我该怎么办?我使用npm安装了顺风css,并遵循了顺风文档中提到的每一个步骤。我是顺风css的新手。请帮忙。

Tailwindcss需要知道它将处理哪些文件,以便找到要添加到输出css中的类。您可以在tailwind.config.js文件中指定这些文件。

通常,配置文件的content部分包含{html,js}。这个命令告诉Tailwindcss处理.html.js文件

您需要告诉tailwindcss,您希望它也处理.php文件,方法是将php添加到该列表中,使其成为{html,js,php}。(参见下面的代码(

 /** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js,php}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

以下YouTube视频可能会对您有所帮助https://www.youtube.com/watch?v=dPVotANrEYI.

将cdn放在您的网站的头部

<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
  <h1 class="text-3xl font-bold underline">
    Hello world!
  </h1>
</body>
</html>

文件:https://tailwindcss.com/docs/installation/play-cdn

编辑:

转到此处时,您可以下载显示的脚本(CTRL+S(:https://cdn.tailwindcss.com/3.1.8

编辑:

如果仍然不起作用,您可以检查控制台,也许是cors策略。

最新更新