问题标签 [csso]

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.

0 投票
1 回答
259 浏览

asp.net-mvc - KryzhanovskyCssMinifier 不适用于 MsieJsEngine,但适用于 V8JsEngine

我正在为 ASP.NET 使用最新的 BundleTransformer。

我有一个非常简单的捆绑文件,其中包含一个 LESS 文件:

我制作的 LESS 文件尽可能简单,以证明它实际上正确解释为 LESS。

当我尝试使用 V8JsEngine 时,它​​按预期工作(显示了相关的 web.config):

这给了我正确的 CSS:

但是,当我切换到 MsieJSEngine

我得到以下奇怪不正确的 CSS - 完全去掉了 UL。

我只是无法理解这怎么可能。它已被正确解释为 LESS,但从列表中完全删除了 UL。顺便说一句,如果我把它做成一个没有类的纯 css 文件,.something我会得到同样的错误结果。

幸运的是,它似乎与 V8JsEngine 一起工作得很好,所以我可以继续,但我在这里发布这个希望能帮助其他人,因为我很好奇我是否做错了什么。


文件版本:

0 投票
2 回答
326 浏览

wordpress - CSSO Gulp 和 WordPress 评论

我正在使用 Gulp CSSO 在 WordPress 中整理我的 CSS,但它删除了我的评论,更具体地说,它删除了主题元数据。有没有办法解决这个问题?也许在我运行 CSSO 之后插入主题元数据?

0 投票
0 回答
273 浏览

webpack - CSS 缩小器错误:CSSO 和 Webpack

当我将 js 和 css 与 Webpack 捆绑在一起时,出现以下错误。

无论我导入哪个 css 文件都会发生此错误,这让我认为它是由 csso ( https://github.com/css/csso ) 引起的,而不是 css 文件本身。另外,我对项目中的所有文件进行了文本搜索,并在 csso/css-browser.js 中找到了 prepare/AppActions.js。

Grid_component.js 导入 css 文件

这是有关我的开发环境的更多信息。

0 投票
1 回答
456 浏览

node.js - CSSO npm 不工作而其他人工作

我是 Node.js 和 npm 的新手,我试图弄清楚为什么 uglifyjs 模块正在工作,而 csso 模块却没有。

我最近将我的全局安装移动到以下位置

通过本教程的推荐。

https://www.sitepoint.com/beginners-guide-node-package-manager/

为了显示它们都是全局安装的,我通过命令行执行此操作

我得到了这个结果

出于测试目的,我导航到本地静态站点并使用 CLI 运行命令。

uglifyjs 命令有效。但是当运行 csso 的命令时

我得到这个错误

除了这个,我不知道如何排除故障。

0 投票
2 回答
331 浏览

webpack - webpack中的CSSO + ExtractTextPlugin不重构提取页面

我正在尝试为我的 react 项目创建一个脚手架,并在此过程中学习 webpack。我一直在尝试将我的 css 模块化在他们自己的组件文件夹中,并将它们提取到构建文件夹中的单个 styles.css 文件中。

问题是在每个模块化的 .css 文件中,我都有媒体查询,有时它们在相同宽度断点的特定规则方面重叠。这导致在我提取的 styles.css 文件中出现一堆重复的 @media all 和 (min-width: 400px)-esque 语句。

因此,为了解决这个问题,我发现了这个似乎在他们的在线工具中起作用的 csso 插件。它将所有这些重复的@media 语句合并(通过重组)为一个,并将不同的规则放入其中。问题是在我的项目中,只有当重复的 @media 语句来自同一个文件时(这不应该发生),它才会这样做。如果它们来自不同的文件(这是我要解决的问题),它们不会被合并。

现在,我不确定这些插件如何在后台工作,但我想 csso-webpack-plugin 正在解析所有文件,然后将结果添加到包中,然后提取到 styles.css,而不是解析样式.css 直接。谁能想到这个问题的解决方案?

我的生产配置如下:

我的 index.css 看起来像这样:

我的 App.css:

以及由此产生的styles.css

0 投票
1 回答
543 浏览

python - Subprocess.check_output 对 Windows 上的 node.js 没有任何作用?

我的自动缩小工具有一个奇怪的问题。我不得不用 csso 替换 yuicompressor,因为 yuicompressor 自 2013 年以来就没有更新过,并且在较新的 css 选择器上有很多错误。

这增加了复杂性(如涉及的“东西”的数量),以至于我不知道如何调试执行命令的问题。(或者即使它被执行了)。

我基本上已经将我的问题缩小到以下 python 代码片段(目前添加了许多调试语句来帮助诊断问题):

请注意,这getScriptPath()是一个小的帮助函数,它返回脚本文件所在的当前路径。csso通过手动复制文件来安装css/csso/bin/cssoname是一个字符串,包含原始 css 文件的相对路径(通常类似于../../domains\mydomain.com\templates\css\style.css),虽然outname始终与 相同name,但扩展名更改为.min.css.

print()如果我直接在cmd终端中复制并粘贴第一次调用的结果,csso将运行并缩小我的文件。但是,如果我调用一个运行 python 程序的批处理脚本,该程序最终运行上面的代码(作为它所做的事情的一部分),则什么也做不了,没有输出

subprocess.run调用曾经是一个简单的shell调用,没有输出。然而,我仍然没有输出。这是我通过手动运行(在标准错误中)获得的一些示例输出:

(python 版本的当前输出显示为空。如果它包含任何数据,则在标准cmd工具中所有字节都打印为空)。

一个想法:有没有办法让subprocess.run(或shell)回显它执行的确切命令,以及确切的路径,所以我可以手动复制它,至少排除构造命令中的任何错误或引号中的差异等?理想情况下可能是二进制文件,因为这看起来像“两件事看起来完全相同但并不有趣” 。

其他相关标签:批处理、缩小。