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

Question

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

以前一切都很正常，但现在我不确定我做了什么，清除没有按预期工作。即使在我的开发环境中，Tailwind类也开始清理。只有当我为生产构建项目时，它才会被清除。

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

1. 重新启动vite.js，或者
2. 在css文件define:.cust-class { @apply mb-10 pt-10 }中，然后mb-10 pt-10类将工作(一起或单独(

这是我的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

现在情况正在好转。