问题标签 [cssnano]

我有 Webpack 设置，其中我使用了带有cssnano作为 CSS 处理器的optimize-css-assets-webpack-plugin 。

在那里，我不想使用colormin优化。

优化：https ://cssnano.co/guides/optimisations

这是我当前的配置，它不会停止将 HSL 值转换为十六进制：

我需要知道这个配置有什么问题。

我有一个使用 CSS 模块的 React Web 应用程序。我正在使用 Webpack 来构建应用程序。

来自 webpack.config.js 的相关部分：

缩小似乎有效。我可以在 CSS 中找到一些重复的 CSS 规则，如下所示

我想知道这是否是我的配置或我正在使用的工具（PostCss 和 CssNano）的问题

谢谢。

我们正在使用带有 cssnano 和 autoprefixer 的 postcss。我的问题是 postcss 在我的postcss.config.js.

这是我的 postcss.config.js：

另一方面，当我添加/* autoprefixer grid: autoplace */到我的 css 文件并运行时：

Postcss 使用网格并添加-ms前缀。为什么忽略配置文件中的属性？

我正在尝试为 配置cssnano插件postcss-loader，它会缩小 CSS，非常相似，如此处所述。

网络包配置：

这里列出了 cssnano 文档中的所有优化

这是一个如何在预设discardComments之上覆盖单个优化的示例。default

是否可以像使用一样单独覆盖每个优化配置discardComments？这在为开发和生产创建单独的配置时非常方便。

此外，在此 repo中，尝试使用最少的示例和样板进行了不成功的尝试。

编辑：cssnano 开发人员告诉不可能单独配置每个优化，相反，可以单独使用每个优化插件源

我在用着

• 网络包 4
• postcss加载器
• cssnano
• 迷你 CSS 提取插件

postcss/cssnano 配置如下所示：

装载机看起来像这样：

我有一个index.less看起来像这样的文件：

还有一个带有另一个 css 导入的 index.js 文件：

输出的 css 文件如下所示：

我想弄清楚的是为什么有些来源没有被压缩？

我想也许是 node_modules 下的所有未压缩的，但 markons.css 不在 node_modules 下。所以我想也许是 CSS 文件（LESS 文件被压缩）。这似乎一致[找到了一些压缩的 CSS 文件]，但我对 .css 文件使用相同的 postcss-loaders，所以我不明白为什么它对它们不起作用？

我目前的工作 gulpfile.js：

Gulp 通过管道将所有 CSS 传输到 PostCSS，后者通过 cssnano 运行它们，它们都位于css/min中。好的。

如何让 cssnano 使用高级转换？

理想情况下，使用 vars 或参数对象而不是外部配置脚本。我认为 anwser 可能在这个 cssnano 指南页面上，但我不知道如何使它与 Gulp+PostCSS 一起工作。

每次我尝试运行“npm run build”并且我没有任何 css 文件时都会收到此错误。

ERROR 错误：CSS 缩小错误：发现意外的“：”。文件：css/app.86f0ef2e.css

错误：CSS 缩小错误：发现意外的“：”。文件：C:\Users\LesterKingsley\OneDrive\Desktop\vuewuna\dos\node_modules@intervolga\optimize-cssnano-plugin\index 处的 css/app.86f0ef2e.css。 js:106:21 at processTicksAndRejections (internal/process/task_queues.js:97:5) at async Promise.all (index 0)

我是vue的新手，我没有解决这个问题的线索。

cssnano v4 将命名的网格区域转换为带引号的字符串而不是custom-identifiers，例如：

制作值字符串会破坏 css 网格功能。

我同时使用sass解析器和gruntpostcsson cssnanocssnano`watch. 如果它是一个短文件，它解析文件就好了，但是我的 scss/css 文件得到长 css 文件，它没有解析文件。任何人都知道这是为什么以及如何解决它？

这里的 package.json、Gruntfile.js 和一个可以工作的 short-css-file.css 和一个 cssnano 不解析它的 long-css-file.css。

包.json

Gruntfile.js

短css文件.css

long-css-file.css见 jsfiddle

https://jsfiddle.net/12p3Lxcn/

我正在尝试构建我的应用程序，但我从 Postcss 收到此错误。

注意：“/srv/http/r2-app/styles.e4dd05dfea4b7f17f938.css”上的文件不存在。

版本详情