【问题标题】:tailwindcss is not purged even with template paths provided即使提供了模板路径,tailwindcss 也不会被清除
【发布时间】:2021-05-12 09:33:40
【问题描述】:

我当然在生产模式下运行npm run build,但我的顺风样式没有被清除

我使用 webpack + postcss,并用我的模板路径填充了 tailwind.config.js 中的清除数组,甚至我看到了:

warn - Tailwind is not purging unused styles because no template paths have been provided
warn - If you have manually configured PurgeCSS outside of Tailwind or are deliberately not removing unused styles, set `purge: false` in your Tailwind config file to silence this warning.

我的tailwind.config.js:

 module.exports = {
    purge: ["public/index.html"],
    darkMode: false, // or 'media' or 'class'
    theme: {
        extend: {},
    },
    variants: {
        extend: {},
    },
    plugins: [],
};

还有我的 postcss.config.js

module.exports = {
    plugins: {
        tailwindcss: require("tailwindcss"),
        autoprefixer: require("autoprefixer"),
    },
};

【问题讨论】:

  • 能否将您的tailwind.config.js 添加到问题中?
  • 我解决了这个问题,我认为这是因为 postcss.config.js plugins 是一个数组:module.exports = { plugins: [require("tailwindcss"), require("autoprefixer") ], };
  • 您可能希望将解决方案添加为您自己问题的答案。可能对其他人有帮助。

标签: css webpack tailwind-css


【解决方案1】:

我解决了这个问题,我认为这是因为 postcss.config.js 文件。 插件实际上是一个数组,而不是您可能在一些博客文章中看到的对象:

module.exports = { 
   plugins: [
       require("tailwindcss"),
       require("autoprefixer")
   ], 
};

【讨论】:

    猜你喜欢
    • 2019-04-17
    • 1970-01-01
    • 2021-08-23
    • 1970-01-01
    • 2012-08-29
    • 1970-01-01
    • 1970-01-01
    • 2022-01-06
    • 2016-06-10
    相关资源
    最近更新 更多