Tailwind CSS Nuxt 禁用清除选项在生产中引发错误

Posted

技术标签:

【中文标题】Tailwind CSS Nuxt 禁用清除选项在生产中引发错误【英文标题】:Tailwind CSS Nuxt disable purge option throws error in production 【发布时间】:2021-07-07 14:21:09 【问题描述】:

我正在使用 @nuxtjs/tailwindcss 版本 3.4.2 并且似乎无法禁用清除 CSS 选项。似乎这个问题有点悬而未决,似乎只发生在生产中。

我做错了什么?

tailwind.config.js

module.exports = 
  purge: 
    enabled: false
  ,
  darkMode: false, // or 'media' or 'class'
  theme: 
    extend: ,
  ,
  variants: 
    extend: 
      opacity: ['disabled'],
    
  ,
  plugins: [
    require('@tailwindcss/forms')
  ]

【问题讨论】:

【参考方案1】:

试试这个。

purge: 
    enabled: process.env.NODE_ENV == 'production',
    content: ['./**/*.vue'],
,

【讨论】:

这似乎没有按预期工作。我想在生产中完全禁用 purge 选项,因为它正在从我已安装的外部库中删除 CSS。我已尝试将 enabled 设置为 false 并根据描述继续遇到错误。

以上是关于Tailwind CSS Nuxt 禁用清除选项在生产中引发错误的主要内容,如果未能解决你的问题,请参考以下文章

Nuxt 项目中的 Tailwind CSS 尝试使用 SCSS 变量会引发“未知单词”错误

Nuxt 中的 Tailwind PostCss 配置

为啥 Tailwind 中的清除选项不能与 Webpack 一起使用

顺风配置中“内容”的目的

如何检查 Tailwind 是不是真的清除了 CSS?

tailwind.config.js 清除选项无法识别 PHP 文件并导致无限重新编译