Tailwind CSS 3.0禁用JIT模式

83qze16e  于 5个月前  发布在  其他
关注(0)|答案(1)|浏览(98)

我知道Tailwind CSS从版本3开始默认使用新的JIT引擎。由于JIT按需生成CSS类,文本编辑器/IDE无法通过智能感知显示CSS类建议。
此外,这将是一个额外的优势,为开发人员在开发过程中没有清除CSS的每一次。由于Tailwind CDN不支持第三方顺风插件(例如tailwind-scrollbar)开发人员不能依赖它。
1.有没有办法禁用JIT模式
1.是否有解决智能感知问题的方法?

kx5bkwkv

kx5bkwkv1#

正如你所提到的,在3.0版中,JIT模式是默认启用的,并且没有内置的方法来禁用它。JIT模式是Tailwind CSS 3.0版设计和功能的关键部分,它提供了显着的构建时间改进,并启用了所有开箱即用的变体。但是,如果你仍然想禁用它,在@Rim之前的讨论中提到了一些变通方法:
1-恢复到Tailwind CSS v2.x并牺牲v3的新功能和改进。
2-在Tailwind CSS配置中使用模式安全列表。这有点像黑客,可能不会在所有情况下都像预期的那样工作:

// tailwind.config.js
   module.exports = {
     content: [
       // paths to your files
     ],
     safelist: [
       // array of regexes or strings representing CSS classes
     ],
     // rest of the config
   }

字符串
3-另一种可能的解决方法是使用CDN,通过使用TailwindCSS CDN有效地绕过JIT编译过程。
请注意,这些解决方案可能并不完美,可能会导致其他可能的问题。

相关问题