安装依赖

node+npm+webpack+less安装

Less是什么?为什么用Less?node+npm+webpack+less安装

2018-05-10侠课岛    初级拔高       

前端/前端必修/搭建Webpack编译Less环境 19     0     4027

本节主要内容:

  • 什么是LESS

  • 为什么选择LESS

  • 安装webpack编译环境


什么是Less

LESS是前端css样式预处理器中的一种,和它相同类型的语言还有Sass以及Stylus。它是css语言的扩展,增加了变量、混合、函数、继承等多种语法,让css样式的编写变得更加灵活、更易于维护。 


为什么选择Less

LESS具有和css相同的语法,只是在其之上进行了一些扩展,对于已经会css的开发者来说,学习成本比较低,非常容易上手。毕竟,哪怕你不会很多LESS语法,直接在LESS文件里面写css样式,也不会报错嘛~ 其次,LESS的嵌套语法、以及变量、继承等语言特性,使得开发者在编写css的时候,能实现组件化的样式编写,减少重复代码的书写,不仅节省了开发时间,也让代码的结构更清晰易读。 此外,LESS还支持文件的导入,将公共样式代码分门别类的以单文件形式引入,不仅结构清晰,也方便在项目后续开发中进行修改。 


安装Webpack编译环境

本教程图文或视频等内容版权归侠课岛所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、转贴或以其他方式复制发布或发表。

评价

19

本课评分:
  •     非常好
难易程度:
  •     适中的
|
教程
粉丝
主页

签到有礼

已签到2天,连续签到7天即可领取7天全站VIP

  • 1
    +2 金币
  • 2
    +3 金币
  • 3
    +5 金币
  • 6
    +7 金币
  • 5
    +6 金币
  • 4
    暖心福利
    自选分类VIP ×1天
  • 7
    惊喜大礼

    自选分类VIP ×3天 +20金币
  • 持续签到 +8 金币

金币可以用来做什么?