即使指定了Tailwind，也不会监视父文件夹

Question

我在tailwind中有一个内容配置，用于监视tailwind.config.js所在目录中的php文件

module.exports = {
jit: true,
purge: {
content: ["./templates/**/*.{html,php}", "./assets/**/*.{js,jsx,ts,tsx}", "../*.{php}"]
},

...

../*.{php}中的文件没有被顺风转换或监视。当我构建时，这个文件夹中的这些css样式和类名没有被构建。

是否不可能顺风顺水地观看父目录？

Answer 1

我使用Tailwind为WordPress主题工作。

顶级文件夹包含package.json，以及header.php、footer.php和index.php等文件。

package.json包括构建脚本：

"scripts": {
"dev": "postcss css/tailwind.css --output tailwind.css --watch",
"build": "postcss css/tailwind.css --output tailwind.css"
},

在文件夹/css中，我有以下内容：

postcss.config.js，注意它有配置设置：

module.exports = {
plugins: {
"postcss-import": {},
"tailwindcss/nesting": {},
tailwindcss: { config: './css/tailwind.config.js' },
autoprefixer: {},
cssnano: {
preset: "default",
autoprefixer: { add: false },
},
},
}

tailwind.config.js包含内容设置：

content: ["./**/*.php", ]

tailwind.css也有通常的：

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

然后，我可以从顶级目录运行npm run dev。

希望这能帮助你使用你想要的设置。