问题标签 [clean-css]

我正在使用以下 git：less.js-windows。我已经使用以下命令安装了 clean-css：

现在我正在尝试用这个运行lessc：

我收到以下错误：

TypeError: Object # has no method 'install' at PluginManager.addPlugin (C:\Users\oscar.polo\Downloads\less.js-windows-v2.1.1\bin\node_modules\less\lib\less\plugin-manager. js:28:12) 在 PluginManager.addPlugins (C:\Users\oscar.polo\Downloads\less.js-windows-v2.1.1\bin\node_modules\less\lib\less\plugin-manager.js:18: 18) 在 C:\ Users\oscar.polo\Downloads\less.js-windows-v2.1.1\bin\node_modules\less\lib\less\render.js:18:24 在 doResolve (C:\Users\oscar.polo\Downloads\less .js-windows-v2.1.1\bin\node_modules\promise\lib\core.js:91:5) 在新的 Promise (C:\Users\oscar.polo\Downloads\less.js-windows-v2.1.1\ bin\node_modules\promise\lib\core.js:71:3) 在 Object.render (C:\Users\oscar.polo\Downloads\less.js-windows-v2.1.1\bin\node_modules\less\lib\less\render.js:17:20) 在 parseLessFile (C:\Users\oscar.polo\Downloads\less.js-windows-v2.1.1\bin\node_modules\less\ bin\lessc:381:10) 在 evalmachine.:266:14 在 C:\Users\oscar.polo\Downloads\less.js-windows-v2.1.1\bin\node_modules\graceful-fs\graceful-fs.js :102:5

有什么想法有什么问题吗？

似乎除了是一个反复出现的问题之外，这还没有解决。

这是我的文件夹结构：

注意缩小版本应该如何src/styles/style.css引用url(../images/image.png)build/style.min.cssurl(images/image.png)

cssmin 或 clean-css 的哪些选项组合可以实现这一点？

我目前的配置：

我在 IE10 中遇到了 clean-css的问题。我需要在关闭大括号优化后关闭空格。

我正在使用 grunt-contrib-cssmin 插件来自动化所有这些优化，但我没有看到从这个插件中访问兼容性标志的方法。

有没有人能够从 grunt-contrib-cssmin 插件中定位 clean-css的兼容性设置？

如何在 Rails 中的 ERB、JS 和 CSS 中处理类名和 ID？每次我在 Chrome 开发工具中打开 Facebook 或 Google 时，我都会看到大量随机类名，例如,.201g等。他们是如何做到的？.1ayxc3ag

我已经在使用Uglifier进行基本的 JS 修改，并使用ruby​​-clean-css进行 CSS 缩小。

我正在寻找与 Gulp 一起使用的插件链，它提供：

• 源地图支持
• 较少的
• 缩小
• 级联
• URL 替换（rebase）以解决重定位/连接问题

我目前拥有前四个，但我找不到现有插件的组合也可以给我最后一个（URL 变基）。我没有找到任何发出源映射的 URL 变基插件。

为了清楚起见，我的问题是，当我从项目开发文件夹中编译多个小 CSS 文件并将它们输出到一个公共文件夹中时，连接导致的移动会破坏相对 URL，例如背景图像的 URL。

编辑：

听起来我目前使用的工具链已经打算解决这个问题。所以，这表面上是答案。但是，这引发了另一个问题，即所需的语法应该如何工作。

这个问题理论上有很多重复的地方：

• clean-css #152：变基功能非常令人沮丧
• clean-css #195：rootWindows 上的选项
• clean-css #263: 如何让 relativeTo 选项在不同路径中处理 CSS 文件
• http://adilapapaya.com/docs/clean-css/#howtorebaserelativeimageurls
• Grunt cssmin 重新设置相对 URI？

不幸的是，没有答案能真正解释语法，他们只是演示了伏都教；所以我不知道为什么以下不起作用。如果我能解决它，我会回到这里并标记它已接受，以表明该工具链确实可以满足我的需要。

源文件：

吞咽任务：

输出，带有损坏的 URL。注意多个缺陷。尽管 CSS 相对于所需资产提升了一个目录级别，但已添加了一个额外的父目录 (!)。此外，其中一个 URL 的硬资产文件夹名称已更改 (!)。很奇怪：

我很抱歉继续伏都教，但这是我的工作吞咽管：

和正确的输出：

我们在我们的应用程序中使用este.js 开发堆栈，它使用 webpack 来捆绑 JS 和 CSS 资产。Webpack配置为webpack.optimize.UglifyJsPlugin在构建生产环境时使用stylus-loader，以及生产环境的确切加载器配置。如下：

然后我有3个样式文件：

在生产构建之后，两个关键帧动画都被重命名为a（可能是一些 CSS 缩小css-clean），并且您可以推断出fadeIn覆盖arrowBounce，因为缩小后的名称相同且优先级更高。

文件components/component1.styl和components/component2.styl被包含在他们的 React 组件文件[name].react.js中使用语句：

我要疯了。尝试了许多不同的解决方案，但没有一个真正奏效。

所以我注意到我当前的 Gulp 设置没有导入远程字体，例如谷歌字体。在我的main.scss文件中，我有：

当它编译缩小时，它看起来像这样：

我正在使用gulp-minify-css它使用 clean-css。我知道您可能需要做一些事情才能使远程导入正常工作，但是阅读文档给我留下了更多问题，然后是答案。这是我处理 Sass/CSS 缩小的 gulp 文件的一部分：

任何帮助，将不胜感激！谢谢。

我正在尝试缩小我的代码，并且在运行 clean-css 时总是出现此错误。

我读过不同的帖子，上面写着删除评论行等，但对我来说一切都没有解决。

任何人有任何其他想法或方法来解决这个问题

我正在使用具有以下“内容”文件夹结构的 cssmin：

其中 styles.min.css 和 styles.min.css.map 是连接/缩小“src”文件夹中所有样式表的结果。

我首先遇到的问题是 styles.min.css 包含错误位置的图像 URL（即“images/image1.png”而不是“../src/dir1/images/image1.png”），但幸运的是，这个 grunt 配置已修复那：

新问题：生成的源映射（“styles.min.css.map”）包含这样的源： ["content/src/dir1/style1.css", "content/src/dir2/style2.css"] 而不是["../src/dir1/style1.css", "../src/dir2/style2.css"]。这意味着地图指向的位置不正确，例如：

“content/dist/content/src/dir1/style1.css”和“content/dist/content/src/dir2/style2.css”

我能做些什么来解决这个问题？

作为参考，我也尝试了 csswring，但是尽管 sourcemaps 工作正常，但我发现一般图像/导入 url rebase 工作不正常，所以回到 cssmin。

非常感谢！

我在 Gruntfile.js htmlmin 部分中minifyCSS设置为true ，如下所示：

但不幸的是，它现在正在修改我的一些 Handlebars 代码，将其变为：

进入这个：

...当我真正想要的（期待）是这样的：

对此有任何快速修复吗？否则，我确定我可以以不同的方式重组我的代码