在之前的文章中,我们已经对LESS CSS进行了几次讨论。 如果您一直在关注LESS系列文章,那么您应该知道我们必须将LESS编译成浏览器可以理解的常规CSS格式。 有很多免费的工具和完善的GUI可以完成此工作,例如SimpLESS , WinLESS , LESS.app和ChrunchApp 。 这些都是免费的应用程序。
但是,如果由于某种原因您不愿意安装另一个应用程序,并且想知道是否还有其他方法,我们可以为您提供一个方便的解决方法,而无需依赖其他应用程序。
编译过程将在保存时立即发生,因此,是的,它在技术上类似于我们使用watch
命令编译Sass的方式。 让我们来看看。
首先,让我们打开终端(Mac和Linux); 如果您在Windows上运行,则可以打开“命令提示符”。 然后,使用以下命令行通过NPM(节点打包的模块)安装LESS CSS。
npm install less --global
命令行将获取LESS软件包及其依赖项。 请注意,如果您使用的是Windows,则可能不需要使用sudo
运行此命令。
然后,转到Dead Simple LESS Watch Compiler 。 这是由Jony Cheung开发的微小Node脚本,用于监视LESS样式表中的更改,然后将其编译为CSS。 下载ZIP并将其解压缩,然后将less-watch-compiler.js放在您的工作目录中。
在此示例中,我选择了两个文件夹; / less是我放置LESS样式表的地方, / css是我想要保存CSS输出的地方。
在终端中,导航到您的工作目录路径,然后运行以下命令:
node less-watch-compiler.js less css
如果您觉得必须键入“ less-watch-compiler.js”花费的时间太长,则可以将文件重命名为watch.js之类的内容,以便您可以以此方式运行命令。
node watch.js less css
在您的LESS样式表中进行一些更改并保存。 如果编译过程成功,您将看到类似的典型报告。
最终思想
通过在系统上安装此程序,您无需安装用于将LESS编译为CSS的应用程序,这反过来可以释放硬盘上的更多空间并简化工作流程。