lessc:有没有人有使用Mac命令行的经验?

时间:2013-08-07 18:20:04

标签: css less

也许我需要的只是链接到一些有意义的文档或关于lessc的教程,但我想知道某人(经验比我少)可以向我解释一些事情吗?

在我的Mac上,我有所有可用的工具,因此我可以在我的机器上查看lessc是否可用,只需输入:

lessc

然后我按ENTER键,我得到lessc帮助文件。帮助文件包含21行解释。这些解释相当简洁,我无法找到所有'lessc个问题的答案。所以没有足够的信息(对我来说),我在其他地方找不到更多的解释。尽管如此,我认为我有一种基本的,有效的方法可以将我的LESS源文件连接,缩小和编译成单个CSS文件,如下所示:

lessc --strict-imports --verbose --yui-compress new.less newstyles.css

同样,这是在Mac(Linux)上,虽然它似乎有用,但我想我想知道我做得对吗?

lessc帮助文件中有一些对我没有意义的解释,也许我错过了一些高级功能。

这究竟是什么意思? (请原谅我提出这样一个愚蠢的问题,但是当谈到命令行时,我仍然是新手。)

If source is set to `-' (dash or hyphen-minus), input is read from stdin.

这让我能做什么?

--include-path

这是否意味着如果我添加一个或多个目录位置,那么`lessc'将在我的LESS文件的所有目录中查找?而且,如果是这样,那是否真的有必要,如果我的LESS源文件只包含include,指向我想要组合成一个CSS文件的各个LESS源文件?

或者该指令的另一个用途是否可以帮助我提高效率?

然后有两个压缩指令。第一个是--compress,第二个是--yui-compress。第一个是否只是缩小CSS输出? YUI选项是否压缩和缩小CSS输出?

虽然我在我的小构建过程中成功使用--yui-compress,但我不确定这是否真的有效,或者我是否只是在愚弄自己? lessc帮助文件中的说明指出:

Compress output using cssmin.js.

我在任何地方都有cssmin.js吗?如果是这样,lessc是否自动神奇地知道在哪里找到它?我在整个机器上搜索了这个文件,但它在任何地方都不存在。那么使用--yui-compress指令的正确方法是什么?我是否需要安装YUI Compressor或其他任何地方?

解析器优化级别?它只是说:

Set the parser's optimization level. The lower the number, 
the less nodes it will create in the tree. This could 
matter for debugging, or if you want to access the 
individual nodes in the tree.

-00这是最大的优化,如果我不关心我的CSS到底有多么密集和含糊不清?

如果有必要,请教我一两件事,并指出我之前提出的任何可以回答我关于lessc的问题的问题。

2 个答案:

答案 0 :(得分:1)

lessc命令在Windows,Mac和* n?x上的行为相同(尽管Windows上有不同的路径分隔符/分隔符)。谷歌Linux / Unix关于少量或秘密查看源代码的讨论,以便最好地理解它。

如果将输入设置为-,则从标准输入流(stdin)而不是文件中读取源。这是默认情况下的键盘,但您可以使用重定向/管道从其他地方读取。

例如:

curl "url of less file on the web" | lessc - | gzip -c > compressed.css.gz

会从网上读取一个较少的文件,用lessc编译它,用gzip压缩它然后将输出写入文件。

lessc - <input >output

读取input文件,编译并写入output,与lessc input output相同

--include-path有点儿错误,除非你绝对需要,否则通常应该避免。理论上它应该有点像你的PATH环境变量,即当lessc搜索包含但无法在源文件夹中找到它时,它会搜索包含路径列表中的文件夹,直到它找到目标。

正如文档所述,

--compress删除了空格。 --yui-compress执行其他优化以进一步减小文件大小,但在极少数情况下,它可能会产生问题。

答案 1 :(得分:1)

投票结束 此问题与您对Nodejs的错误配置有关,而与系统上的错误配置相关。

使用以下命令解决此问题 -

wget -qO- https://deb.nodesource.com/setup | sudo bash -

然后

sudo apt-get install nodejs

最后

 sudo npm install -g less less-plugin-clean-css

这将解决lessc命令问题。 您可以在Mac上使用brew安装节点