【发布时间】：2020-09-07 05:52:23
【问题描述】：
我想忽略 Tailwind Utility 类中所有以 w- 开头的类和所有断点宽度类，如 lg:w-。
这就是我在tailwind.config.js 文件中所做的：
purge: {
options: {
whitelistPatterns: [/^w-/]
}
},
但似乎没有忽略w- 类。我怎样才能做到这一点？
【问题讨论】：
-
重新考虑这样做。在你的输出 CSS 中包含所有这些类会使它扩大几 kB 并影响你的性能。即使您有以 cms 为单位动态指定的宽度或您这样做的任何原因 - 至少考虑减少视口或丢弃。也许您不需要所有可能的组合。
-
除此之外，您的环境如何？网页包？ vue 配置？它看起来是有效的，因此我最初的猜测是它确实可以工作，但你需要在此之后重建你的资产，或者它是 webpack 中使用的 vue 配置（或类似的东西）。