问题标签 [purifycss]

我尝试使用 webpacks PurifyCSSPlugin。我的配置看起来像这样

我以这种方式使用样式：

（整个项目可以在GitHub上找到）。

我遇到的问题是

1. 如果在获取此输出时第一次运行构建：

   PurifyCSS 将文件大小减少了约 99.4%

   并且页面未正确呈现，因为 tsx/jsx 中的样式引用丢失（或传递样式依赖项）。

2. 如果我第二次运行构建，那么我会得到以下输出：

   PurifyCSS 将文件大小减少了约 93.2%

   并且页面正确呈现。我的路径设置导致找到以前构建的 bunde.js，这就是为什么我的 tsx/jsx 样式也受到尊重的原因。输出完美优化。

3. 如果我遵循 PurifiyCSS对 CSS 模块的提示，我会得到以下输出：

   PurifyCSS 将文件大小减少了约 1.5%

   并且页面也正确呈现。但是所有样式（使用过的和未使用过的）都包括在内，而且包装尺寸要大得多。只比没有 PurifyCSS 小几个字节。

我现在的问题是：我怎样才能获得“2”的输出。即使在第一次构建运行？似乎输出没有在任何地方序列化，所以我不能告诉 PurifyCSS 将其考虑在内。

有没有人解决过这个问题？我在网上找不到任何东西。

谢谢，斯蒂芬

我希望使用 laravel-mix 的 purifyCss。该功能在全新安装上运行良好，但是当我尝试从旧版本的 laravel-mix 升级时，没有任何反应，也没有显示错误。

这是正确的 package.json 文件

这是我的webpack.mix.js

这是一个测试刀片文件

我也在使用yarn，当我尝试yarn run productioncss 时，它永远不会被删除。

我想在 Laravel 中使用PurifyCSS，但我无法让它工作。

堆

拉拉维尔：5.5.4

NPM：6.0.0

Node.js：8.10

代码

我在互联网上搜索，但找不到任何东西。我想从所有 Blade 页面中删除未使用的 CSS。即使在此链接上，也没有人回答正确答案。即使 PurifyCSS 是第一个，它也不起作用。

谢谢您的帮助。

我有一个 webpack 捆绑的 react 应用程序，并且正在尝试精简使用PurifyCSS library提取的 css 。但是，我在运行 PurifyCSS CLI 方面并没有取得太大的成功，因为它似乎删除了太多的 css。

例如，它从我捆绑的 css 文件中删除了这一行：

即使这是在我捆绑的 js 文件中使用的：

PurifyCSS 是否不够健壮，无法处理这些情况？

当我使用 service worker 构建 Angular 应用程序时，它会使用每个文件的哈希值创建一个哈希表，以检测应用程序的新版本何时可用。这个哈希表在 ngsw.json 中。

这是哈希值的示例。

如果我想用 PurifyCSS 清理未使用的 css，那么 dist/styles.*.css 将改变文件内容，因此它的哈希值，但 ngsw.json 有旧的哈希值。

在这种情况下，角度服务工作者将失败，因为会有哈希不匹配。

我怎样才能避免这种情况？运行 PurifyCSS 后，是否应该在 ngsw.json 中手动更新哈希？是否有某种机制可以自动更新此值，或者是否可以在 angular-cli 为每个文件生成哈希之前执行 PurifyCSS？

这个问题通常针对对服务工作者缓存的 dist 文件进行的任何类型的修改，因为散列会改变，因此会出现散列不匹配。这意味着服务人员将无法工作。

先感谢您。

我试图使用 Webpack 4.41.5 删除未使用的 CSS。我发现最好的方法是使用 PurifyCSS 插件，但它应该使用在 WP4^ 中已弃用的 extract-text-webpack-plugin 运行。任何人都可以推荐一个可以与 mini-css-extract-plugin 一起运行的插件吗？我最近开始使用 webpack，所以这个话题可能看起来很愚蠢。谢谢 ：）

PurifyCSS Online 删除未使用的 CSS。我的模板中有一个 URL ( http://fonts.googleapis.com/earlyaccess/droidarabickufi.css )。在 PurifyCSS 删除未使用的 CSS 后，它给了我以下代码：

如何用模板中的 URL 替换此代码？

寻找在我的 Webpack 项目中消除冗余 CSS 代码的最佳方法，即。我在文件夹中导入了一个本地 Bootstrap css 文件src，但使用的很少。

供应商.scss：

供应商.js：

通过谷歌搜索，我遇到了这两种PurifyCSSPlugin方法以及一种方法postcss-loader- 但是，当我尝试安装这些时，它们会失败，因为我认为它们现在已经贬值了。

感谢所有帮助和指导！

PurifyCss 没有按预期工作，因为我正在使用 .net 项目我想删除未使用的 css。这是我所做的步骤。

1. 我使用节点安装了净化
2. 这是我的 .js 用于 purifycss
3. 生成输出文件但没有减少 css

这是我收到的信息

我正在寻找一个“净化CSS”，当然，净化我的CSS。但是我有使用延迟加载创建的元素，以减少初始 javascript 加载。因此，例如使用 gulp-purify-css，我大大减少了我的 css，但是在 dom 加载或延迟加载事件中断之后创建的元素。

现在我在 dom 和 css 之后复制 HTML 以使用 Purify Online 检查未使用的代码。