我有一个问题,顺风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策略。