如何阻止 Tailwind CSS 清除本地开发环境中的类？

Question

我是vite.js构建工具，vue.js和tailwindcss: ^2.1.4

之前一切正常，但现在我不确定我做了什么，清除没有按预期工作。 Tailwind class 甚至在我的开发环境中也开始清除。它应该只在我为生产构建项目时清除。

假设我将 mb-10 pt-10 应用到 div，要查看效果，我需要做以下两件事之一：

重启vite.js，或者
在 css 文件中定义：.cust-class { @apply mb-10 pt-10 } 然后 mb-10 pt-10 classes 将工作（一起或在dividually）

这是我的 tailwind.config.js

module.exports = {
  purge: ['./index.html', './src/**/*.{vue,js}'],
  darkMode: false, // or 'media' or 'class'
  theme: {
    colors: {
      transparent: 'transparent',
      current: 'currentColor',
      black: '#000',
      white: '#fff',
    },
    extend: {},
  },
  variants: {
    extend: {
      backgroundColor: ['active'],
    },
  },
  plugins: [],
};

我在其他项目中从未遇到过相同配置的问题。

感谢您的帮助。

Answer 1

问题出在我最近添加的 .env 文件：

我已经定义了

NODE_ENV=production

我改成了

NODE_ENV=development

一切正常。

如何阻止 Tailwind CSS 清除本地开发环境中的类？

How to stop Tailwind CSS from purging the classes in local development environment?

vue.js

tailwind-css

vite

如何阻止 Tailwind CSS 清除本地开发环境中的 类？

How to stop Tailwind CSS from purging the classes in local development environment?

vue.js

tailwind-css

vite

如何阻止 Tailwind CSS 清除本地开发环境中的类？