如何获得Tailwind内置的CSS清除插件CSS

Question

我正在使用PostCSS在我的项目中包含Tailwind，并让Tailwind的内置驱动实现为核心库工作得很好(在下面的style.pcss中)。然而，我也把@tailwind/typography作为一个插件，它的选择器没有被清除。

// postcss.config.js

const cssnano = require('cssnano')

module.exports = {
  plugins: [
    require('postcss-import'),
    require('tailwindcss'), 
    process.env.NODE_ENV === 'production' ? require('autoprefixer') : null,
    process.env.NODE_ENV === 'production' ? cssnano({ preset: 'default' }) : null
  ]
}

// tailwind.config.js

module.exports = {
  plugins: [
    require('@tailwindcss/typography')
  ],
  purge: [
    './build/*.html',
    './build/**/*.html'
  ],
}

// style.pcss

@tailwind base;
@tailwind components;
@tailwind utilities; 

Answer 1

我撞到了同样的东西！

在排版自述中有一个关于这一点的说明：

https://github.com/tailwindlabs/tailwindcss-typography#purging-unused-styles

...and尾风more文档中的详细信息：

https://tailwindcss.com/docs/controlling-file-size#removing-all-unused-styles

下面是您的tailwind.config.js应该是什么样子：

module.exports = {
  plugins: [
    require('@tailwindcss/typography')
  ],
  purge: {
    enabled: true,
    mode: 'all',
    content: [
      './build/*.html',
      './build/**/*.html'
    ],
    options: {
      whitelist: []
    }
  },
}