问题标签 [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.
asp.net-mvc - KryzhanovskyCssMinifier 不适用于 MsieJsEngine,但适用于 V8JsEngine
我正在为 ASP.NET 使用最新的 BundleTransformer。
我有一个非常简单的捆绑文件,其中包含一个 LESS 文件:
我制作的 LESS 文件尽可能简单,以证明它实际上正确解释为 LESS。
当我尝试使用 V8JsEngine 时,它按预期工作(显示了相关的 web.config):
这给了我正确的 CSS:
但是,当我切换到 MsieJSEngine
我得到以下奇怪不正确的 CSS - 完全去掉了 UL。
我只是无法理解这怎么可能。它已被正确解释为 LESS,但从列表中完全删除了 UL。顺便说一句,如果我把它做成一个没有类的纯 css 文件,.something
我会得到同样的错误结果。
幸运的是,它似乎与 V8JsEngine 一起工作得很好,所以我可以继续,但我在这里发布这个希望能帮助其他人,因为我很好奇我是否做错了什么。
文件版本:
wordpress - CSSO Gulp 和 WordPress 评论
我正在使用 Gulp CSSO 在 WordPress 中整理我的 CSS,但它删除了我的评论,更具体地说,它删除了主题元数据。有没有办法解决这个问题?也许在我运行 CSSO 之后插入主题元数据?
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 文件
这是有关我的开发环境的更多信息。
node.js - CSSO npm 不工作而其他人工作
我是 Node.js 和 npm 的新手,我试图弄清楚为什么 uglifyjs 模块正在工作,而 csso 模块却没有。
我最近将我的全局安装移动到以下位置
通过本教程的推荐。
https://www.sitepoint.com/beginners-guide-node-package-manager/
为了显示它们都是全局安装的,我通过命令行执行此操作
我得到了这个结果
出于测试目的,我导航到本地静态站点并使用 CLI 运行命令。
uglifyjs 命令有效。但是当运行 csso 的命令时
我得到这个错误
除了这个,我不知道如何排除故障。
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
python - Subprocess.check_output 对 Windows 上的 node.js 没有任何作用?
我的自动缩小工具有一个奇怪的问题。我不得不用 csso 替换 yuicompressor,因为 yuicompressor 自 2013 年以来就没有更新过,并且在较新的 css 选择器上有很多错误。
这增加了复杂性(如涉及的“东西”的数量),以至于我不知道如何调试执行命令的问题。(或者即使它被执行了)。
我基本上已经将我的问题缩小到以下 python 代码片段(目前添加了许多调试语句来帮助诊断问题):
请注意,这getScriptPath()
是一个小的帮助函数,它返回脚本文件所在的当前路径。csso
通过手动复制文件来安装css/csso/bin/csso
。name
是一个字符串,包含原始 css 文件的相对路径(通常类似于../../domains\mydomain.com\templates\css\style.css
),虽然outname
始终与 相同name
,但扩展名更改为.min.css
.
print()
如果我直接在cmd
终端中复制并粘贴第一次调用的结果,csso
将运行并缩小我的文件。但是,如果我调用一个运行 python 程序的批处理脚本,该程序最终运行上面的代码(作为它所做的事情的一部分),则什么也做不了,没有输出。
该subprocess.run
调用曾经是一个简单的shell
调用,没有输出。然而,我仍然没有输出。这是我通过手动运行(在标准错误中)获得的一些示例输出:
(python 版本的当前输出显示为空。如果它包含任何数据,则在标准cmd
工具中所有字节都打印为空)。
一个想法:有没有办法让subprocess.run
(或shell
)回显它执行的确切命令,以及确切的路径,所以我可以手动复制它,至少排除构造命令中的任何错误或引号中的差异等?理想情况下可能是二进制文件,因为这看起来像“两件事看起来完全相同但并不有趣” 。
其他相关标签:批处理、缩小。