问题标签 [css-purge]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 即使在 PurgeCSS 之后，TailwindCSS 构建的 css 文件也太大了
在我的 create-react-app 应用程序中，我使用 Tailiwnd CSS 进行样式设置。不幸的是，在运行 npm run build 后，css 文件大小约为 1.4mb，这太大了。查看该构建文件后，我可以看到所有未使用的类仍然存在，
以下是 package.json 中的脚本：
为了缩小构建 css 文件的大小，我使用 Purge CSS 和以下 postcss.config.js：
这是tailiwnd.config.js：
我所有的 javascript 文件都在 ./src 文件夹中。你知道为什么 CSS 构建文件仍然那么大吗？我只使用了 Tailiwnd 的几个类，应用程序本身非常简单和小，
谢谢！
nuxt.js - PurgeCSS 在 nuxt-tailwindcss 中删除了自定义默认样式
在我的 SSR Nuxt.js 项目中，我使用的是 Nuxt 官方 tailwindcss -module
<a></a>我为如下标签编写了默认样式。
/assets/scss/app.scss
页面/index.vue
nuxt.config.js
当我运行npm run dev时，PurgeCSS 不起作用，所以结果是我所期望的。
但是当我运行时npm run prod，tailwindcss 的 PurgeCSS 将删除我自己的“@/assets/scss/app.scss”<a></a>标签样式
如何配置tailwind.config.js以使自定义默认样式在结果中呈现？白名单仅接受类名/ID。
非常感谢！
tailwind-css - PurgeCSS 忽略 TailwindCSS 中的所有宽度和响应宽度类
我想忽略所有以 Tailwind Utility 类开头的类w-和所有断点宽度lg:w-类。
这是我在tailwind.config.js文件中所做的：
但它似乎并没有忽视w-课程。我怎样才能做到这一点？
vue.js - 如何为第 3 部分 CSS 启用 PurgeCSS
我在我的 SSR Nuxt 项目中使用@mdi/font 。
如何从@mdi/font为 CSS 启用 purgeCSS ？
nuxt.config.js
资产/scss/app.scss
我尝试像下面这样进行配置，但它只是删除了所有 css（来自purgecss.com的示例）
nuxt.config.js
twitter-bootstrap - 可以使用 React-bootstrap 进行 PurgeCSS 吗？
我有一个带有 react-bootstrap、bootstrap 和 scss 设置的 gatsby 站点，我正在尝试清除我未使用的 css。为此，我需要使用 purgeCss，但它不能按需要工作。似乎它无法捕获我在页面中使用的 react-bootstrap 组件中的类。我阅读了文档，尝试了一些修复，但没有任何效果。有人能帮我吗 ？
next.js - 具有全局 CSS 导入的 NextJS 在生产模式下失败
我将 Next.JS 与其他一些模块一起使用。其中之一，Megadraft，带有自己的 CSS。我不知道这是否相关，但我也使用 PurgeCSS。
在开发模式下一切正常，但 CSS 似乎在生产模式下中断。更明确地说，Megadraft 的所有类在生产模式中似乎都没有定义。检查器中的 HTML 节点仍然显示类在这里，但它们只是没有定义。
这是我在文件中导入上述 CSS 文件的pages/_app.js方法：
这是我的postcss.config.js：
我正在使用下一个^9.4.4。值得注意的是 TailwindCSS 似乎工作得很好（在 dev 和 prod 中），但我认为这可能是因为它被用作 postcss 中的插件......
为了以防万一，我将 webpack 集成到我的项目中以解决我遇到的错误，代码告诉我需要一个loader：
无论如何，如果有人知道为什么这在开发模式下而不是在生产中有效，那可能会有很大帮助。
javascript - 使用@nuxtjs/tailwindcss 清除了 SCSS 样式
我有一个 nuxt 项目，我在其中使用@nuxtjs/tailwindcss和vue-formulate。我在 scss 文件中为vue-formulate声明了一些样式，当我这样做时效果很好，nuxt --spa但是当我尝试使用它生成项目nuxt generate并提供服务时，该样式根本不适用。我做了一些测试，它似乎来自@nuxtjs/tailwindcss。当我从buildModules我的 nuxt 配置中删除它时，它工作正常。如何在不删除 purgecss 步骤的情况下保持这种风格？
css - Gulp - 如何删除单个 css 文件中的重复样式，如果它们已经存在于公共 css 文件中
如何删除单个 css 文件中的重复样式，如果它们已经存在于 common.css 文件中。
common.css文件具有以下样式。
home.css有以下样式。
现在，我想使用 gulp 任务修改home.css以删除重复的类.nav（因为我有该类并且在 common.css 中具有相同的属性）。修改home.css文件后，我将以下输出除外。
我不想更改或修改common.css文件。你能建议任何节点包吗？
css - 如何获取 Tailwind 的内置 CSS Purge 以清除插件 CSS
我使用 PostCSS 在我的项目中包含了 Tailwind CSS，并且 Tailwind 的内置 Purge 实现非常适合核心库（style.pcss如下所示）。但是，我也将@tailwind/typography其作为插件包含在内，并且它的选择器没有被清除。