顺风不会吹扫

Question

我试图让顺风清除我的文件上的CSS，但我似乎不能让它工作。

为了提供一些上下文，我有一个包含CSS文件夹和views文件夹的公用文件夹。我正在尝试清除views文件夹中的单个ejs文件。

这是我的tailwind.config.js

module.exports = {
 purge: {
  enabled: true,
  content: ['./public/**/*.ejs']
 },
 theme: {},
 variants: {},
 plugins: [],
}

这是我的postcss.config.js

module.exports = {
  plugins: {
  tailwindcss: {},
  autoprefixer: {},
 }
}

这是我从package.json运行的脚本

    "tw-prod": "tailwind build public/css/tailwind.css -o public/css/style.css"

我也尝试过下面的方法，但没有任何运气。

"tw-prod": "postcss public/css/tailwind.css -o public/css/style.css"

最后，这里是我的app.js中的一些代码，它们可能有助于诊断我的问题

app.use(express.static("public"));

app.set("view engine", "ejs");

app.set('views', path.join(__dirname, '/public/views'));

每次运行构建脚本时，样式表的大小都保持在3.81mb。有人能告诉我我哪里做错了吗？

Answer 1

您是否尝试过使用NODE_ENV=production运行该脚本？喜欢

NODE_ENV=production npx tailwindcss -i ./src/tailwind.css -o ./dist/tailwind.css

编辑:而不是运行

"tw-prod": "tailwind build public/css/tailwind.css -o public/css/style.css"

运行此命令

"tw-prod": "NODE_ENV=production tailwind build public/css/tailwind.css -o public/css/style.css"

顺风需要为清除功能设置NODE_ENV，才能发挥作用并完成其工作。

阅读有关此here的更多信息

PS: BTS postcss文件现在是默认配置的，我猜它负责这个清除功能

Answer 2

您正在清除"public“目录。你的“视图”在"public“目录中吗？如果您使用public目录来托管静态资产，使用“template”或" views“目录来存储ejs视图，则应该清除正确的目录("views”或"public“目录，而不是"public”目录)。你试过这样做吗？

在你的情况下..您应该清除public/views/**/*.ejs文件