问题标签 [cssnano]
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.
css - gulp postcss cssnano 不在它旁边时不会组合相同的选择器
Gulp在postcss与cssnano选择器旁边时组合相同的选择器，但不幸的是，当它不在它旁边时它不会组合选择器。
It works very well when selectors are next to it
至
不幸的是，当它不在下一个时，它就无法完成工作
webpack - 使用 CSS Loader 保留空/未使用的类
我正在通过 Webpack 2 构建一个 React 应用程序，通过 SASS-loader 和 CSS-loader 生成 CSS。这是我的 Webpack 2 配置：
我正在将生成的 CSS 写入文件，同时允许我的 React 应用程序在 Javascript 对象中获取生成的类名，以分配给各种 HTML 元素。
我看到的一个怪癖是没有保留空类（不包含实际样式的类选择器），并且在生成时从类列表中丢弃。我读过 CSS-loader 使用 CSSNano，它的配置默认通过缩小删除未使用/空的类。
根据 CSS-Loader 的文档，您可以通过选项设置 CSSNanominimize选项。这就是为什么我根据 CSSNano 的选项文档将 safe 设置为 true 的原因。
不幸的是，仍然没有保留空/未使用的类。我想知道我是否正确地通过了 CSSNano 选项。
关于为什么空类不存在的任何想法？
css - cssnano 从 css @media 查询中删除“all”属性
我很好奇 cssnano 对媒体查询的作用是否可以。在我的css文件中，我有。
通过 cssnano 运行我的 css 后，它变成了这个 >
这在生产中使用安全吗？我似乎找不到任何地方说没有“全部”属性会使浏览器默认为全部，或者如果没有它对于将文件发送到生产环境是一件坏事？
webpack - Webpack：如何合并 css 和 less，然后应用 cssnano
我设法将我的 css 和较少的资源（从 javascript“导入”）编译到all-my-LESS|CSS，使用提取它们并将它们与toExtractTextPlugin合并在一起。MergeFilesPlugincombinedStyles.css
我缺少的一点：如何在此之上运行 cssnano（例如通过 postcss？）作为整理位？（哦，虽然我拥有内联源映射，但我没有设法生成外部combinedStyles.map文件）。
这是我的组合webpack.config.babel.js（忽略 babel 位，只是意味着，你可以用 ES6 编写它，使用更高级的 import 语句）：
gulp - gulp-postcss：条件选项（优化）
我了解了cssnano 优化列表：它包括autoprefixer（不是默认的）cssnano-util-raw-cache，等等。
接下来我查看gulp-postcss 文档：它有以下示例：
好吧，尽管有人说这autoprefixer是cssnano优化之一，但在上面的示例中，它是单独定义的。但是，我无法从上面的示例中理解如何从第一个链接（cssnano 优化列表）设置所需的优化。
例如。我想postcss-calc在开发和生产版本中使用，但是我postcss-normalize-whitespace只需要在生产版本中使用。我应该如何完成以下代码？
css - cssnano 是否应用 css autoprefixer？
我想在我的 css 代码上应用 cssnano 和 autoprefixer。我在网上读到使用 cssnano 就足够了，cssnano 会自动应用 autoprefixer。当我使用此代码时：
css 代码已压缩，但我在任何地方都看不到前缀。cssnano 是否应用自动前缀？上面的代码正确吗？
非常感谢您提前。
css - 使用 postcss 缩小多个输入文件
我按照以下步骤安装了 cssnano：http: //cssnano.co/guides/getting-started/
进入我的项目的根目录：
在我安装 postcss-cli 之后：
最后我按照指南创建了 postcss.config.js 文件：
我只能缩小一个文件。在我的项目中，我执行了：
但是我无法像在 gulp 中那样包含多个输入文件（而且我不知道这是否可能）。当我尝试运行这种类型的命令时：
出现以下错误：
sass - Css 缩小不起作用（gulp + cssnano）
我有一个非常基本的 gulpfile 设置如下：
运行“gulp watch”（浏览器同步、sass 等）时一切正常，但 css 缩小不是。dist/css 文件夹中的输出文件“style.css”未缩小。我究竟做错了什么？我错过了一个模块吗？在此先感谢您的帮助。
我的文件结构：
vue.js - 如何在 vue-cli 3 中添加 cssnano 优化规则？
我正在尝试添加 cssnano 优化规则，但使用 vue-cli，它似乎不起作用。我在中添加了以下脚本vue.config.js：
但它不起作用（见下面的截图）
屏幕截图 - cssnanomergeRules不适用：
我错过了什么？
javascript - Postcss-loader 没有缩小 CSS 输出
在将其加载到 css-loader 以使用 css-modules 之前，我正在使用 webpack 和 postcss-loader 来自动修复和缩小我的 CSS。我在缩小 CSS 时遇到了麻烦。通过 webpack 检查发出的 .js 文件显示 CSS 没有被 cssnano 缩小（因为我仍然可以看到空白字符）。我究竟做错了什么？
一些相关的配置文件：
webpack.config.js：
postcss.config.js：
包.json
提前致谢。