本节主要内容:什么是LESS
为什么选择LESS
安装webpack编译环境
什么是Less
LESS是前端css样式预处理器中的一种,和它相同类型的语言还有Sass以及Stylus。它是css语言的扩展,增加了变量、混合、函数、继承等多种语法,让css样式的编写变得更加灵活、更易于维护。
为什么选择Less
LESS具有和css相同的语法,只是在其之上进行了一些扩展,对于已经会css的开发者来说,学习成本比较低,非常容易上手。毕竟,哪怕你不会很多LESS语法,直接在LESS文件里面写css样式,也不会报错嘛~ 其次,LESS的嵌套语法、以及变量、继承等语言特性,使得开发者在编写css的时候,能实现组件化的样式编写,减少重复代码的书写,不仅节省了开发时间,也让代码的结构更清晰易读。 此外,LESS还支持文件的导入,将公共样式代码分门别类的以单文件形式引入,不仅结构清晰,也方便在项目后续开发中进行修改。
安装Webpack编译环境