grunt-contrib-cssmin 缩小后将 px 更改为 pc

Question

我正在使用 yeoman 角度生成器构建一个 Angularjs 应用程序，使用 libsass 而不是 compass，它在本地服务器上运行良好。

但是在构建之后，我的一些 css 属性从 px 更改为 pc，这会导致错误和样式问题。

构建前[未缩小]：背景位置：-468px -11px

构建后[缩小]：背景位置：-468px -11pc

Answer 1

我们在几个项目中都遇到了同样的问题，并追踪了作为问题根源的内部依赖项最近发生的变化。

grunt-contrib-cssmin 模块内部依赖于 clean-css 模块。从版本 3.4.1 开始，clean-css 模块默认打开单位转换，然后冒泡成 grunt-contrib-cssmin 的行为。 clean-css 模块发布了 3.4.2 版，根据社区反馈将默认设置改回关闭单位转换。 grunt-contrib-cssmin 的 0.14.0 版已更新为使用 clean-css 的 3.4.2 版。

我们可以通过在项目的 package.json 文件中更新为使​​用 0.14.0 版的 grunt-contrib-cssmin 来解决此问题。确保清除您的节点模块文件夹或运行“npm update”以确保它实际上获得了最新版本。