问题标签 [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 安全列表选项会给出 UnhandledPromiseRejectionWarning
我正在使用 purgecss 从我的项目中删除不必要的 css。
但不幸的是,它也删除了一些我需要的 css 类,因此参考了我尝试使用安全列表选项的文档来制作一些像这样的例外
它给出了以这个结尾的长错误
laravel - Laravel Mix 和 PurgeCss 链,在 mix.copy 之后不清除指定文件
尝试为具有相当大的完整 CSS 文件的项目构建特定的 purgedCSS 文件。然而 PurgeCSS 拒绝只在 mix.copy() 之后清除指定的文件,并且仍然清除主 app.css 文件。
以上以 3x CSS 文件结束,基于 home.html 文件成功清除,但是只有复制的 home.css 应该被清除,然后复制回 assets/css/home.css。
我尝试在每个链函数之后使用 Promise,但它仍然拒绝只清除指定的文件,而是始终清除在链顶部使用 mix.sass() 编译的文件。
有任何想法吗?
css - 为什么 gulp-purgecss 白名单不起作用
您好,我使用 Gulp 进行编译,使用 Tailwind 作为框架。我想使用 Purgecss,它正在工作,但它忽略了我的白名单,有帮助吗?
这里的代码示例:
node.js - PurgeCSS 和 Tailwind CSS,如何使用命令行界面保留响应式类?
我有“完整的”3.9 MB Tailwind CSS 文件并成功应用 PurgeCSS 将其减少到 9 kB。但它也清除了所有响应类,例如md:px-6
,它们没有出现在我清除的版本中。
注意:此问题适用于使用命令行界面 (CLI)
这就是我所做的:
purgecss --css ~/Desktop/Projects/Flask/Project1/build/static/css/main.css --content ~/Desktop/Projects/Flask//Project1/build/**/*.html --output ~/Desktop/Projects/Flask/Project2/static/css/main.css
我选择在不同的文件夹 ( ) 中创建输出文件,Project2
以便检查输入与输出。
我尝试过的一件事是添加 --safelist [/md/]
,但没有帮助。事实上,安全列表似乎根本没有被使用......
(我使用 CLI,因为它是更大的 Python Flask 项目的一部分)
php - Tailwind 自定义清除正则表达式?
我试图弄清楚如何实现自定义正则表达式模式来清除我的顺风项目。问题是我根本没有使用 HTML 元素,而是创建了一个 PHP 框架包,它使用 PHP 函数来构建 HTML。
这是我需要清除的 PHP 代码示例:
这是我当前的顺风配置文件:
如您所见,我设置了purge
组件文件夹的路径,其中包含我所有的 PHP 类。
问题是尾翼正在清除一切。我不知道如何添加自定义正则表达式模式,因此它不会清除->class()
方法内的项目。
我将如何实现清除正则表达式模式,这样我就不会丢失这些->class()
方法中使用的类?
tailwind-css - 如何处理 Tailwind 和 PurgeCSS 以及很多不同的文件夹?
我一直在使用带有“清除”选项的 Tailwind,以使最终的 css 文件更小且更成功。但是,我一直想知道我的方法的效率。我正在处理有很多子文件夹的项目,我都指定如下:
我一直在寻找这种低效方法的解决方案,但我能找到的只是在同一文件夹中只有几个 html 或 vue 文件的小型项目的示例。所以我的问题是:有没有办法更有效地做到这一点,还是我必须像我已经做过的那样做?
nuxt.js - 使用 purgecss 的 `rejected` 选项时,Tailwind 不提供拒绝/清除的样式列表
在我的项目中,我正在使用带有尾风的 nuxtjs,我需要以某种方式获得清除的样式。我尝试使用rejected
purgecss 选项(https://purgecss.com/configuration.html#options),但不知道从哪里得到结果。
tailwind.config.ts
看起来像这样
任何想法 ?谢谢
javascript - 如何将 purgeCss 与其他模块导出一起使用?
我想在我的 NextJS 项目中使用 purgeCss。在文档中它说我应该将我的更改next.config.js
为:
但是我在哪里设置我的当前配置?
我的 postcss.config.js:
webpack - 将 purgeCss 与 nextJs css 模块一起使用
我正在尝试在我的 nextJs 安装中使用 purgeCSS。所以我正在关注本教程:https ://purgecss.com/css_modules.html
但是,当我向我添加那段代码postcss.config.js
时,我在尝试构建时得到以下信息:
postcss.config.css:
知道如何使它适用于 nextjs 和 css 模块吗?
nuxt.js - PurgeCSS 忽略 whitelistPatterns 中的正则表达式并删除 TailwindCSS 类(在 NuxtJS 上)
我将 NuxtJS (VueJS) 与 TailwindCSS 和 PurgeCSS 一起使用。到目前为止,我一直在为 , 等颜色指定完整的 CSS 类text-green-800
。bg-red-400
但是在创建组件时它并不理想,虽然颜色可以作为 Prop 传递,但是bg-{color}-400
在 PurgeCSS 删除未找到的背景颜色时也不能直接执行.
所以,我想把这些类放在 PurgeCSS 的 whitelistPatterns 中,允许正则表达式保护一些类。这是我设置的:
但是 PurgeCSS 完全忽略了配置。我尝试了很多正则表达式 : /bg-/
, /bg/
,/^bg-.*/
等。没有一个有效。我认为它可能正在使用新版本的 PurgeCSS 来safelist
代替,但是当我像这样设置 whitelistPatterns 时:
然后text-green-800
类被成功保护。所以我完全迷失了,似乎没有任何工作。而且显然只发生在生产中,因此很难调试。
我已经找到了这篇文章,它给出了我所做的事情: PurgeCSS whitelist patterns with TailwindCSS
如果有人有线索...谢谢!