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

Question

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

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

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

1. 重启vite.js，或者
2. 在 css 文件中定义:.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

一切正常。