使用@nuxtjs/tailwindcss 清除了 SCSS 样式
Posted
技术标签:
【中文标题】使用@nuxtjs/tailwindcss 清除了 SCSS 样式【英文标题】：SCSS style got purged with @nuxtjs/tailwindcss 【发布时间】：2020-10-11 08:32:21 【问题描述】：我有一个 nuxt 项目，我在其中使用 @nuxtjs/tailwindcss 和 vue-formulate。我在 scss 文件中为 vue-formulate 声明了一些样式，当我执行 nuxt --spa 时效果很好，但是当我尝试使用 nuxt generate 生成项目并为其提供服务时，样式根本不适用。我做了一些测试，它似乎来自 @nuxtjs/tailwindcss。当我在我的 nuxt 配置中从 buildModules 中删除它时，它工作正常。如何在不删除 purgecss 步骤的情况下保持这种风格？
【问题讨论】：
【参考方案1】：更新 nuxt 和 @nuxt/tailwindcss 解决了这个问题。
【讨论】：
【参考方案2】：查看将“vue-formulate”正在使用的类列入白名单。
purge css whitelisting
【讨论】：
我尝试用/* purgecss start/end ignore */ 包装这些类，将它们列入白名单，但没有成功以上是关于使用@nuxtjs/tailwindcss 清除了 SCSS 样式的主要内容，如果未能解决你的问题，请参考以下文章