標簽[css-purge] - 堆棧內存溢出

[英]Why need to specify paths or content in purgecss options?

我查看了Purgecss webpack 文檔，我有點困惑。為什么我需要在插件選項中指定paths ？或者在 postcss 中：通過這樣做，我告訴 purgecss 查看那些 HTML 個文件，以及那個 javascript 個文件。但是當我使用 webpack 時，它擁有應用程序需要的 ...

如何在 Next js 自定義 postCSS 配置中配置 Scss 和 purgeCss

[英]How to config Scss and purgeCss in Next js custom postCSS config

我正在使用Scss和Bootstrap來設計我的項目。為了使用purgeCss刪除未使用的Css ，我自定義了我的postcss.config.js文件，如下所示： module.exports = { plugins: [ "postcss-flexbugs-fixes", [ "postc ...

如何將未使用的 CSS/JS（不僅僅是清除）提取到單獨的文件中？

[英]How to extract unused CSS/JS (not just purge) into a separate file?

我的目標是消除網站上的渲染阻塞 CSS 和 JS。 Google 建議通過覆蓋來識別使用的 CSS/JS，並將該代碼從阻止渲染的 URL 移動到 HTML 頁面中的內聯腳本標記。當頁面加載時，它將擁有處理頁面核心功能所需的東西。例如對於核心 CSS：然后可以通過預加載異步加載 CSS 的 ...

如何將 PurgeCSS 與 Next.js 和 module.scss 文件一起使用？

[英]How do I use PurgeCSS with Next.js and module.scss files?

我有組件 level.scss 文件 (filename.module.scss)，我想從這些文件中清除未使用的 css。由於樣式類名被散列。我想知道如何讓 purgeCSS 與 next.js 應用程序一起使用，該應用程序使用 module.scss 文件進行大部分樣式設置。 https: ...

在 Tailwind 中使用屏幕變體將所有邊距值列入安全列表

[英]Safelist all margin values with screen variants in Tailwind

我需要將所有邊距值與相應的響應大小一起列入安全列表。例子： 'mb-10' 'md:mb-10' 'xl:mb-10' 等等。這是我現在在tailwind.config.js中擁有的內容，但它似乎不適用於響應式變體：有沒有一種簡單的方法可以使用正則表達式模式來實現這一點，還是我需要任何其 ...

自定義按鈕組件 + 順風 styles 被清除

[英]custom button component + tailwind styles being purged

我想創建一個這樣的按鈕組件：這樣我就可以通過以下方式使所有按鈕 colors（具有 hover 變體）保持一致：問題是 purge 沒有看到我想要一個綠色按鈕，所以當我使用 purge 時沒有樣式出現。有沒有更好的方法來創建符合 CSS 清除的按鈕組件？ ...

Tailwind 類在生產頁面刷新后不起作用

[英]Tailwind classes not working after page refresh in production

問題陳述：我有一個帶有tailwindcss的nextjs項目。在登錄頁面上，UI 在第一頁加載時具有可用的必要類，但如果我刷新頁面，則類 go 遠離 DOM，UI 將被破壞。這是站點登錄頁面的已部署鏈接如何重現？打開上面給定的鏈接，您會發現登錄表單 UI看起來沒問題。 Ctrl + ...

npm 運行產品和開發中的 TailwindUI 差異

[英]TailwindUI difference in npm run prod & dev

當我運行npm run dev時，它顯示了我的 TailwindUI 組件的正確 output：但是當我運行npm run prod時，它不再識別所有 colors。怎么了？這是我的tailwind.config.js的配置：const defaultTheme = require("ta ...

Purge-css 正在刪除所有 css 樣式，而不僅僅是未使用的樣式

[英]Purge-css is removing all css stylings instead of just the unused ones

我正在嘗試使用 purgecss 從 Bootstrap 中刪除任何未使用的 css，尤其是未使用的 css。使用 Purgecss 設置，我所有的 css 都被刪除，只剩下內聯樣式。這意味着 purgecss 正在刪除所有 css 類的樣式，而不僅僅是那些未使用的類。我想讓我的配置正確，以便 ...

TailwindCSS / PurgeCSS 白名單不起作用

[英]TailwindCSS / PurgeCSS whitelist not working

我似乎無法讓 PurgeCSS 將我在 CMS 中動態使用的類列入白名單。這是我的配置文件：嘗試了我找到的各種解決方案，但似乎沒有任何效果，它不斷清除我添加到白名單中的類。有什么建議嗎？ ...

Angular 11.2^ + Tailwind + NX - 啟用清除時會變慢並凍結

[英]Angular 11.2^ + Tailwind + NX - Buld slow and freezing when purge enabled

如果您在一個 NX 工作區中有多個應用程序並且您使用的是 TaiwindCSS，那么您的構建可能會很慢，或者在啟用清除時構建會卡住。從 Angular 11.2 開始，Tailwindcss 現在可以開箱即用。但對我來說，清除仍然不順利，也許這可能是 NX Workspace 問題。我花了幾個 ...

NextJs Tailwind 構建（清除）刪除所有樣式

[英]NextJs Tailwind build (purge) removes all styling

在我當前的 NextJS 項目中，我使用 Tailwind 作為 CSS 框架。當我運行yarn dev時，一切正常，但每當我運行yarn build后跟yarn start ，我的所有 CSS 似乎都被清除了，因為我的頁面布局完全不同。前：后：我的 tailwind.config.js ...

PurgeCSS 錯過了使用冒號的 Tailwind 類：

[英]PurgeCSS misses Tailwind classes that use a colon:

我有一個使用順風的網站。我想保持 css 尺寸小，所以我決定使用 purgecss。我正在使用 python 構建 static 站點，所以我想使用 CLI。這是我的 Makefile 中處理此問題的代碼。事情是這樣的；它似乎使 css 文件更小，但purgecss似乎完全跳過了任何有冒 ...

如何在 create-react-app 中使用 purgeCSS 刪除未使用的 css 和 javascript

[英]How to use purgeCSS in create-react-app to remove unused css and javascript

我有一個使用 create-react-app 構建的單頁應用程序。我正在使用各種 npm 包，例如antd 、 reactstrap等。有很多未使用的 CSS 和 javascript 正在減慢我的應用程序速度。我閱讀了有關purgeCSS實現的內容以響應刪除它們。根據文檔，我無法在我的 ...

PurgeCSS 忽略 whitelistPatterns 中的正則表達式並刪除 TailwindCSS 類（在 NuxtJS 上）

[英]PurgeCSS ignore regex in whitelistPatterns and remove TailwindCSS classes (on NuxtJS)

我將 NuxtJS (VueJS) 與 TailwindCSS 和 PurgeCSS 一起使用。到目前為止，我一直在為 colors 指定完整的 CSS 類，例如text-green-800 、 bg-red-400等。但是在創建組件時它並不理想，雖然顏色可以作為 Prop 傳遞，但也不能直接執 ...

如何將 purgeCss 與其他模塊導出一起使用？

[英]How to use purgeCss with other module exports?

我想在我的 NextJS 項目中使用 purgeCss。在文檔中它說我應該將next.config.js更改為這樣：但是我在哪里設置我的當前配置？我的 postcss.config.js： ...

如何處理 Tailwind 和 PurgeCSS 以及很多不同的文件夾？

[英]How to deal with Tailwind & PurgeCSS and A LOT of different folders?

我一直在使用帶有“清除”選項的 Tailwind，以使最終的 css 文件更小且成功。但是，我一直想知道我的方法的效率。我正在處理有很多子文件夾的項目，我都指定如下：我一直在尋找這種低效方法的解決方案，但我能找到的只是在同一文件夾中只有幾個 html 或 vue 文件的小型項目示例。所以我 ...

PurgeCSS 和 Tailwind CSS，如何使用命令行界面保留響應式類？

[英]PurgeCSS and Tailwind CSS, how to preserve responsive classes using the Command Line Interface?

我有“完整的”3.9 MB Tailwind CSS 文件並成功應用 PurgeCSS 將其減小到 9 kB。但它也清除了所有像md:px-6這樣的響應類，它們沒有出現在我清除的版本中。注意：此問題適用於使用命令行界面 (CLI) 這就是我所做的： purgecss --css ~/Deskt ...

為什么 gulp-purgecss 白名單不起作用

[英]Why gulp-purgecss whitelist is not working

您好，我正在使用 Gulp 進行編譯，並使用 Tailwind 作為框架。我想使用 Purgecss，它正在工作，但它忽略了我的白名單，有幫助嗎？這里的代碼示例： ...

使用 purgecss 安全列表選項會給出 UnhandledPromiseRejectionWarning

[英]usage of purgecss safelist option gives UnhandledPromiseRejectionWarning

我正在使用 purgecss 從我的項目中刪除不必要的 css。但不幸的是，它也刪除了一些我需要的 css 類，因此參考文檔我嘗試使用安全列表選項來制作一些像這樣的例外它給出了以這個結尾的長錯誤 ...