将less文件转换成css文件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将less文件转换成css文件相关的知识,希望对你有一定的参考价值。

参考技术A 两种方式,分别为:1、手动生成;2、使用webstorm自动生成。

1、项目的文件结构

2、在less文件的根目录

Shift + 鼠标右键 + 选择‘在此处打开命令窗口’

3、输入命令:lessc + 空格 + less文件名

如:lessc main.less

4、继续输入命令:lessc + 空格 + less文件名 + 空格 + 大于号 + 空格 + css文件名

如:lessc main.less > main.css

1、File + Settings

2、Tools + File Watchers

3、点击‘确定’即可

4、当你修改less文件时,css文件将自动生成。

以上是关于将less文件转换成css文件的主要内容,如果未能解决你的问题,请参考以下文章

有没有将 css 文件反编译成 less 文件的脚本

如何将less编译成css文件__less自动编译成css的方法总结

less转为css

less入门

less 动态样式语言

Less前端框架--编写模块化的样式文件